/* r1160 — social-thread reacties, nauwkeurig afgestemd op referentie */

/* Hoog-specifieke dashboard selectors zodat oudere inline comment-CSS niet kan winnen. */
:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook,
.status-comments.status-comments-facebook {
    margin: 12px 0 0 !important;
    padding: 12px 0 0 !important;
    border-top: 1px solid #d7dbe1 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-family: inherit !important;
}

:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comments-list,
.status-comments.status-comments-facebook .status-comments-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.status-comments.status-comments-facebook .status-comment-empty {
    margin: 10px 0 4px !important;
    color: #6b7280 !important;
    font-size: 13px !important;
}

/* ===== Invoervak zoals de grijze ronde balk uit het voorbeeld ===== */
:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-composer,
.status-comments.status-comments-facebook .status-comment-composer {
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 9px !important;
    align-items: start !important;
    position: relative !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.status-comments.status-comments-facebook .status-comment-composer.is-compact-composer {
    margin: 8px 0 0 !important;
}

.status-comments.status-comments-facebook .status-comment-composer-avatar,
.status-comments.status-comments-facebook .status-comment-avatar-link {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    text-decoration: none !important;
    box-shadow: 0 0 0 1px rgba(0,0,0,.06) !important;
}

.status-comments.status-comments-facebook .status-comment-composer-avatar img,
.status-comments.status-comments-facebook .status-comment-avatar {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    border-radius: 50% !important;
}

.status-comments.status-comments-facebook .status-comment-composer-body {
    position: relative !important;
    min-width: 0 !important;
}

:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-editor,
.status-comments.status-comments-facebook .status-comment-editor,
.status-comments.status-comments-facebook .status-comment-edit-editor {
    width: 100% !important;
    min-height: 42px !important;
    padding: 10px 46px 10px 15px !important;
    box-sizing: border-box !important;
    border: 1px solid transparent !important;
    border-radius: 22px !important;
    outline: 0 !important;
    background: #ffffff !important;
    color: #1f252d !important;
    box-shadow: none !important;
    font-family: inherit !important;
    font-size: 15px !important;
    line-height: 20px !important;
}

.status-comments.status-comments-facebook .status-comment-editor:focus,
.status-comments.status-comments-facebook .status-comment-edit-editor:focus {
    background: #ffffff !important;
    border-color: #c8d3e4 !important;
}

/* Emoji-knop blijft rechts in de invoerbalk zichtbaar. Volledige toolbar pas bij focus. */
.status-comments.status-comments-facebook .status-comment-composer .status-comment-toolbar {
    position: absolute !important;
    top: 5px !important;
    right: 7px !important;
    z-index: 4 !important;
    display: flex !important;
    align-items: center !important;
    gap: 3px !important;
    width: auto !important;
    height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.status-comments.status-comments-facebook .status-comment-composer .status-comment-toolbar > button:not(.emoji-trigger) {
    display: none !important;
}

.status-comments.status-comments-facebook .status-comment-composer .status-comment-toolbar .emoji-trigger {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    color: #7c8490 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.status-comments.status-comments-facebook .status-comment-composer .status-comment-toolbar .emoji-trigger:hover {
    background: rgba(0,0,0,.055) !important;
}

.status-comments.status-comments-facebook .status-comment-composer.is-editor-active .status-comment-toolbar {
    position: static !important;
    height: auto !important;
    justify-content: flex-start !important;
    margin-top: 7px !important;
}

.status-comments.status-comments-facebook .status-comment-composer.is-editor-active .status-comment-toolbar > button:not(.emoji-trigger) {
    display: inline-flex !important;
}

.status-comments.status-comments-facebook .status-comment-submit-row {
    display: none !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    margin-top: 7px !important;
}

.status-comments.status-comments-facebook .status-comment-composer.is-editor-active .status-comment-submit-row {
    display: flex !important;
}

/* ===== Reactiebubbels ===== */
:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment.status-comment-threaded,
.status-comments.status-comments-facebook .status-comment.status-comment-threaded {
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 9px !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.status-comments.status-comments-facebook .status-comment-main,
.status-comments.status-comments-facebook .status-comment-bubble-shell {
    position: relative !important;
    min-width: 0 !important;
}

:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-bubble,
.status-comments.status-comments-facebook .status-comment-bubble {
    display: inline-block !important;
    width: auto !important;
    max-width: min(92%, 590px) !important;
    margin: 0 !important;
    padding: 8px 13px 9px !important;
    border: 0 !important;
    border-radius: 17px !important;
    background: #ffffff !important;
    box-shadow: none !important;
    vertical-align: top !important;
}

.status-comments.status-comments-facebook .status-comment-header {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 8px !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
}

.status-comments.status-comments-facebook .status-comment-title-line {
    min-width: 0 !important;
    display: block !important;
}

:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-name,
.status-comments.status-comments-facebook .status-comment-name {
    display: inline !important;
    color: #111418 !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    text-decoration: none !important;
}

.status-comments.status-comments-facebook .status-comment-name:hover {
    text-decoration: underline !important;
}

.status-comments.status-comments-facebook .status-comment-replying-to {
    display: none !important;
}

:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-message,
.status-comments.status-comments-facebook .status-comment-message,
.status-comments.status-comments-facebook .status-comment-message p,
.status-comments.status-comments-facebook .status-comment-message span,
.status-comments.status-comments-facebook .status-comment-message div {
    color: #15191e !important;
    font-family: inherit !important;
    font-size: 14px !important;
    line-height: 1.38 !important;
}

.status-comments.status-comments-facebook .status-comment-message {
    margin: 2px 0 0 !important;
    padding: 0 !important;
}

.status-comments.status-comments-facebook .status-comment-message p {
    margin: 0 0 4px !important;
}

.status-comments.status-comments-facebook .status-comment-message p:last-child {
    margin-bottom: 0 !important;
}

/* 3 puntjes klein en rustig; pas duidelijk bij hover van de reactie. */
.status-comments.status-comments-facebook .status-comment-actions {
    position: absolute !important;
    top: 50% !important;
    right: -34px !important;
    transform: translateY(-50%) !important;
    opacity: 0 !important;
    transition: opacity .12s ease !important;
}

.status-comments.status-comments-facebook .status-comment:hover > .status-comment-main > .status-comment-bubble-shell .status-comment-actions,
.status-comments.status-comments-facebook .status-comment-actions.is-open,
.status-comments.status-comments-facebook .status-comment-actions:focus-within {
    opacity: 1 !important;
}

.status-comments.status-comments-facebook .status-comment-action-toggle {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    color: #68707b !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}

.status-comments.status-comments-facebook .status-comment-action-toggle:hover,
.status-comments.status-comments-facebook .status-comment-action-toggle:focus-visible {
    background: #e5e8ec !important;
}

.status-comments.status-comments-facebook .status-comment-action-toggle .dashboard-more-icon {
    width: 18px !important;
    height: 18px !important;
}

.status-comments.status-comments-facebook .status-comment-menu {
    position: absolute !important;
    top: 31px !important;
    right: 0 !important;
    z-index: 80 !important;
}

/* Like/Reply/tijd direct onder de bubble. */
:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-meta,
.status-comments.status-comments-facebook .status-comment-meta {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    margin: 4px 0 0 10px !important;
    padding: 0 !important;
    color: #6c737d !important;
    font-size: 12px !important;
    line-height: 16px !important;
}

.status-comments.status-comments-facebook .status-comment-meta button {
    appearance: none !important;
    border: 0 !important;
    background: transparent !important;
    color: #656c76 !important;
    padding: 0 !important;
    margin: 0 !important;
    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 16px !important;
    cursor: pointer !important;
}

.status-comments.status-comments-facebook .status-comment-meta button:hover,
.status-comments.status-comments-facebook .status-comment-meta button:focus-visible {
    text-decoration: underline !important;
}

.status-comments.status-comments-facebook .status-comment-meta .comment-respect.respected {
    color: #3c6ea8 !important;
}

.status-comments.status-comments-facebook .status-comment-meta-separator,
.status-comments.status-comments-facebook .status-comment-date {
    color: #7c838d !important;
    font-size: 12px !important;
}

/* ===== Reactie op reactie ===== */
.status-comments.status-comments-facebook .status-comment-reply-composer-wrap {
    display: none !important;
    margin: 8px 0 0 !important;
}

.status-comments.status-comments-facebook .status-comment-reply-composer-wrap.is-open {
    display: block !important;
}

.status-comments.status-comments-facebook .status-comment-reply-composer-wrap .status-comment-composer {
    grid-template-columns: 32px minmax(0,1fr) !important;
    gap: 8px !important;
    margin-bottom: 0 !important;
}

.status-comments.status-comments-facebook .status-comment-reply-composer-wrap .status-comment-composer-avatar {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
}

.status-comments.status-comments-facebook .status-comment-reply-composer-wrap .status-comment-editor {
    min-height: 38px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

/* Verticaal draadlijntje + afgeronde haak naar elk antwoord. */
.status-comments.status-comments-facebook .status-comment-children {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 11px !important;
    margin: 9px 0 0 22px !important;
    padding: 0 0 0 18px !important;
}

.status-comments.status-comments-facebook .status-comment-children::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: -5px !important;
    bottom: 19px !important;
    width: 2px !important;
    border-radius: 2px !important;
    background: #dfe3e8 !important;
}

.status-comments.status-comments-facebook .status-comment-children > .status-comment.status-comment-threaded::before {
    content: "" !important;
    position: absolute !important;
    left: -18px !important;
    top: -7px !important;
    width: 18px !important;
    height: 27px !important;
    border-left: 2px solid #dfe3e8 !important;
    border-bottom: 2px solid #dfe3e8 !important;
    border-bottom-left-radius: 12px !important;
    background: transparent !important;
    pointer-events: none !important;
}

/* Antwoorden iets kleiner zoals in de referentie. */
.status-comments.status-comments-facebook .status-comment-children .status-comment.status-comment-threaded {
    grid-template-columns: 32px minmax(0,1fr) !important;
    gap: 8px !important;
}

.status-comments.status-comments-facebook .status-comment-children .status-comment-avatar-link {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
}

.status-comments.status-comments-facebook .status-comment-children .status-comment-bubble {
    padding: 7px 12px 8px !important;
    border-radius: 16px !important;
}

.status-comments.status-comments-facebook .status-comment-children .status-comment-children .status-comment.status-comment-threaded {
    grid-template-columns: 28px minmax(0,1fr) !important;
}

.status-comments.status-comments-facebook .status-comment-children .status-comment-children .status-comment-avatar-link {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
}

/* Vanaf niveau 4 niet telkens veel smaller: inhoud blijft leesbaar. */
.status-comments.status-comments-facebook .status-comment-children .status-comment-children .status-comment-children {
    margin-left: 8px !important;
    padding-left: 15px !important;
}

.status-comments.status-comments-facebook .status-comment-edit-box {
    margin-top: 7px !important;
}

.status-comments.status-comments-facebook .status-comment-menu button {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
}

@media (max-width: 700px) {
    .status-comments.status-comments-facebook .status-comment-bubble {
        max-width: calc(100% - 8px) !important;
    }

    .status-comments.status-comments-facebook .status-comment-children {
        margin-left: 13px !important;
        padding-left: 13px !important;
    }

    .status-comments.status-comments-facebook .status-comment-children > .status-comment.status-comment-threaded::before {
        left: -13px !important;
        width: 13px !important;
    }

    .status-comments.status-comments-facebook .status-comment-actions {
        right: -28px !important;
    }
}


/* r1161 — witte reactiebubbels en wit invoerveld */
.status-comments.status-comments-facebook .status-comment-editor,
.status-comments.status-comments-facebook .status-comment-edit-editor,
.status-comments.status-comments-facebook .status-comment-reply-composer-wrap .status-comment-editor {
    background: #ffffff !important;
}
.status-comments.status-comments-facebook .status-comment-editor:focus,
.status-comments.status-comments-facebook .status-comment-edit-editor:focus {
    background: #ffffff !important;
}
.status-comments.status-comments-facebook .status-comment-bubble,
.status-comments.status-comments-facebook .status-comment-children .status-comment-bubble {
    background: #ffffff !important;
}


/* r1162 — fine-tune: witte reactietekst, witte editor, avatar zoals hoofditem,
   toolbar alleen zichtbaar tijdens schrijven, vaste rustige grijze platen voor
   respect en reacties. */
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .post > article > .actions.status-engagement-bar,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .post > article > .actions.status-engagement-bar {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 16px 0 0 !important;
    padding: 12px 14px !important;
    box-sizing: border-box !important;
    align-items: center !important;
    gap: 10px !important;
    border: 0 !important;
    border-radius: 7px !important;
    background: #FFF3E3 !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .post > article > .status-comments.status-comments-facebook,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .post > article > .status-comments.status-comments-facebook,
:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook,
.notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook {
    width: 100% !important;
    margin: 10px 0 0 !important;
    padding: 12px 14px 14px !important;
    box-sizing: border-box !important;
    border: 0 !important;
    border-radius: 7px !important;
    background: #FFF3E3 !important;
    box-shadow: none !important;
}

:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comments-list,
.notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comments-list,
.status-comments.status-comments-facebook .status-comments-list {
    gap: 10px !important;
    background: transparent !important;
}

.status-comments.status-comments-facebook .status-comment-composer-avatar,
.status-comments.status-comments-facebook .status-comment-avatar-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    padding: 2px !important;
    border: 1px solid #b6bdb8 !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.14) !important;
    box-sizing: border-box !important;
}

.status-comments.status-comments-facebook .status-comment-composer-avatar img,
.status-comments.status-comments-facebook .status-comment-avatar {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    border-radius: 3px !important;
}

.status-comments.status-comments-facebook .status-comment-children .status-comment-avatar-link {
    padding: 2px !important;
    border-radius: 6px !important;
}

:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-name,
.notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-name,
.status-comments.status-comments-facebook .status-comment-name {
    font-size: 15px !important;
    line-height: 1.35 !important;
}

:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-message,
:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-message p,
:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-message span,
:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-message div,
.notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-message,
.notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-message p,
.notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-message span,
.notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-message div,
.status-comments.status-comments-facebook .status-comment-message,
.status-comments.status-comments-facebook .status-comment-message p,
.status-comments.status-comments-facebook .status-comment-message span,
.status-comments.status-comments-facebook .status-comment-message div {
    font-size: 15px !important;
    line-height: 1.45 !important;
}

:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-bubble,
.notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-bubble,
.status-comments.status-comments-facebook .status-comment-bubble {
    border-radius: 14px !important;
    background: #ffffff !important;
    box-shadow: 0 1px 0 rgba(255,255,255,.85), 0 1px 2px rgba(0,0,0,.04) !important;
}

:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-meta,
.notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-meta,
.status-comments.status-comments-facebook .status-comment-meta {
    gap: 6px !important;
    margin: 5px 0 0 10px !important;
    font-size: 13px !important;
    line-height: 18px !important;
}

.status-comments.status-comments-facebook .status-comment-meta button,
.status-comments.status-comments-facebook .status-comment-date,
.status-comments.status-comments-facebook .status-comment-meta-separator {
    font-size: 13px !important;
    line-height: 18px !important;
}

.status-comments.status-comments-facebook .status-comment-composer-body,
.status-comments.status-comments-facebook .status-comment-edit-box {
    min-width: 0 !important;
}

.status-comments.status-comments-facebook .status-comment-composer .status-comment-toolbar[hidden] {
    display: none !important;
}

.status-comments.status-comments-facebook .status-comment-editor,
.status-comments.status-comments-facebook .status-comment-edit-editor {
    width: 100% !important;
    min-height: 44px !important;
    padding: 10px 12px !important;
    box-sizing: border-box !important;
    border: 1px solid #d7dce4 !important;
    border-radius: 14px !important;
    outline: 0 !important;
    background: #ffffff !important;
    color: #1f252d !important;
    box-shadow: none !important;
    font-family: inherit !important;
    font-size: 15px !important;
    line-height: 20px !important;
}

.status-comments.status-comments-facebook .status-comment-editor:focus,
.status-comments.status-comments-facebook .status-comment-edit-editor:focus {
    background: #ffffff !important;
    border-color: #c8d3e4 !important;
}

.status-comments.status-comments-facebook .status-comment-composer .status-comment-toolbar,
.status-comments.status-comments-facebook .status-comment-edit-box .status-comment-toolbar {
    position: static !important;
    display: none !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 8px 10px 0 !important;
    border: 1px solid #d7dce4 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-radius: 0 !important;
    background: #f7f8fa !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

.status-comments.status-comments-facebook .status-comment-composer .status-comment-toolbar > button,
.status-comments.status-comments-facebook .status-comment-edit-box .status-comment-toolbar > button {
    appearance: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 30px !important;
    height: 30px !important;
    padding: 0 8px !important;
    margin: 0 !important;
    border: 1px solid #ccd4dd !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    color: #5c6672 !important;
    box-shadow: none !important;
}

.status-comments.status-comments-facebook .status-comment-composer .status-comment-toolbar > button:hover,
.status-comments.status-comments-facebook .status-comment-composer .status-comment-toolbar > button:focus-visible,
.status-comments.status-comments-facebook .status-comment-edit-box .status-comment-toolbar > button:hover,
.status-comments.status-comments-facebook .status-comment-edit-box .status-comment-toolbar > button:focus-visible {
    background: #eef2f6 !important;
    outline: 0 !important;
}

.status-comments.status-comments-facebook .status-comment-composer .status-comment-submit-row,
.status-comments.status-comments-facebook .status-comment-edit-box .status-comment-submit-row {
    display: none !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 10px 10px !important;
    border: 1px solid #d7dce4 !important;
    border-top: 0 !important;
    border-radius: 0 0 14px 14px !important;
    background: #f7f8fa !important;
    box-sizing: border-box !important;
}

.status-comments.status-comments-facebook .status-comment-composer:not(.is-editor-active) .status-comment-toolbar,
.status-comments.status-comments-facebook .status-comment-composer:not(.is-editor-active) .status-comment-submit-row {
    display: none !important;
}

.status-comments.status-comments-facebook .status-comment-composer.is-editor-active .status-comment-editor {
    padding-right: 12px !important;
    border-radius: 14px 14px 0 0 !important;
    border-bottom-color: transparent !important;
}

.status-comments.status-comments-facebook .status-comment-composer.is-editor-active .status-comment-toolbar,
.status-comments.status-comments-facebook .status-comment-edit-box .status-comment-toolbar {
    display: flex !important;
}

.status-comments.status-comments-facebook .status-comment-composer.is-editor-active .status-comment-submit-row,
.status-comments.status-comments-facebook .status-comment-edit-box .status-comment-submit-row {
    display: flex !important;
}

.status-comments.status-comments-facebook .status-comment-edit-box .status-comment-edit-editor {
    border-radius: 14px 14px 0 0 !important;
    border-bottom-color: transparent !important;
}

.status-comments.status-comments-facebook .status-comment-edit-box {
    margin-top: 7px !important;
}

@media (max-width: 700px) {
    html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .post > article > .actions.status-engagement-bar,
    html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .post > article > .actions.status-engagement-bar,
    html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .post > article > .status-comments.status-comments-facebook,
    html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .post > article > .status-comments.status-comments-facebook {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}


/* ========================================================================
   r1163 — screenshot-fix
   - WYSIWYG pas na daadwerkelijke invoer
   - editor eerst, tools daaronder, knop als onderste deel
   - geen oude halve decoratieve rondjes meer
   - avatarstijl als hoofditem, commentformaat behouden
   - respect en reacties ieder een eigen grijze plaat
   ======================================================================== */

/* Deze stylesheet wordt op prikbord als laatste geladen, maar de selectors
   blijven bewust specifiek zodat ook de meldingpopup identiek blijft. */
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .post > article > .actions.status-engagement-bar,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .post > article > .actions.status-engagement-bar {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 16px 0 0 !important;
    padding: 12px 14px !important;
    box-sizing: border-box !important;
    border: 1px solid #d6dbe2 !important;
    border-radius: 7px !important;
    background: #eef0f3 !important;
    box-shadow: none !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .post > article > .status-comments.status-comments-facebook,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .post > article > .status-comments.status-comments-facebook {
    width: 100% !important;
    max-width: 100% !important;
    margin: 10px 0 0 !important;
    padding: 12px 14px 14px !important;
    box-sizing: border-box !important;
    border: 1px solid #d6dbe2 !important;
    border-radius: 7px !important;
    background: #eef0f3 !important;
    box-shadow: none !important;
}

/* Geen oude halve witte nokjes meer op gewone reacties. De ::before van
   geneste antwoorden blijft beschikbaar voor de echte thread-haak. */
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments-list > .status-comment.status-comment-threaded::before,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments-list > .status-comment.status-comment-threaded::before,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comment.status-comment-threaded::after,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comment.status-comment-threaded::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
    background: transparent !important;
    clip-path: none !important;
}

/* Profielfoto: dezelfde kaartstijl als het hoofditem, maar het bestaande
   commentformaat blijft behouden. */
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-composer-avatar,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-avatar-link,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-composer-avatar,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-avatar-link {
    overflow: hidden !important;
    padding: 2px !important;
    border: 1px solid #b6bdb8 !important;
    border-radius: 6px !important;
    background: #fff !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.14) !important;
    box-sizing: border-box !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-composer-avatar,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook > .status-comment-composer .status-comment-composer-avatar,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comments-list > .status-comment.status-comment-threaded > .status-comment-avatar-link,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-composer-avatar,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comments-list > .status-comment.status-comment-threaded > .status-comment-avatar-link {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    max-width: 38px !important;
    max-height: 38px !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-composer-avatar img,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-avatar,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-composer-avatar img,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-avatar {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 3px !important;
}

/* Iets ruimere leesgrootte. */
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-name,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-name {
    font-size: 16px !important;
    line-height: 1.32 !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-message,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-message p,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-message span,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-message div,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-message,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-message p,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-message span,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-message div {
    font-size: 16px !important;
    line-height: 1.45 !important;
}

/* Reactiebubble wit en rustig; geen extra halve/cirkelvormige decoratie. */
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-bubble,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-bubble {
    padding: 9px 13px 10px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 1px 2px rgba(0,0,0,.04) !important;
}

/* Composer-volgorde afdwingen: schrijven -> tools -> plaatsen. Dit wint van
   de oudere inline CSS die de toolbar boven het veld zette. */
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-composer-body,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-composer-body,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-edit-box,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-edit-box {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    min-width: 0 !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-editor,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-editor,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-edit-editor,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-edit-editor {
    order: 1 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 10px 13px !important;
    box-sizing: border-box !important;
    border: 1px solid #c9cfd7 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: none !important;
    font-size: 16px !important;
    line-height: 22px !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-toolbar,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-toolbar {
    order: 2 !important;
    position: static !important;
    display: flex !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 7px 9px !important;
    box-sizing: border-box !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    border: 1px solid #c9cfd7 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-radius: 0 !important;
    background: #f4f5f7 !important;
    box-shadow: none !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-submit-row,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-submit-row {
    order: 3 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 9px 9px !important;
    box-sizing: border-box !important;
    justify-content: flex-end !important;
    border: 1px solid #c9cfd7 !important;
    border-top: 0 !important;
    border-radius: 0 0 14px 14px !important;
    background: #f4f5f7 !important;
}

/* Tools en plaatsknop echt weg zolang nog niets is geschreven. */
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-composer .status-comment-toolbar[hidden],
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-composer .status-comment-toolbar[hidden],
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-composer:not(.is-editor-active) .status-comment-toolbar,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-composer:not(.is-editor-active) .status-comment-toolbar,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-composer:not(.is-editor-active) .status-comment-submit-row,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-composer:not(.is-editor-active) .status-comment-submit-row {
    display: none !important;
}

/* Zodra er tekst staat vormt het hele schrijfblok één afgerond venster. */
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-composer.is-editor-active .status-comment-editor,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-composer.is-editor-active .status-comment-editor {
    border-radius: 14px 14px 0 0 !important;
    border-bottom-color: transparent !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-composer.is-editor-active .status-comment-toolbar,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-composer.is-editor-active .status-comment-toolbar {
    display: flex !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-composer.is-editor-active .status-comment-submit-row,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-composer.is-editor-active .status-comment-submit-row {
    display: flex !important;
}

/* Bewerken is al een bewuste actie: daar blijven de tools direct zichtbaar. */
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-edit-box .status-comment-edit-editor,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-edit-box .status-comment-edit-editor {
    border-radius: 14px 14px 0 0 !important;
    border-bottom-color: transparent !important;
}
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-edit-box .status-comment-toolbar,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-edit-box .status-comment-toolbar,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-edit-box .status-comment-submit-row,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-edit-box .status-comment-submit-row {
    display: flex !important;
}


/* ===== r1164: meta-typografie en WYSIWYG weer boven het schrijfvlak ===== */
:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-meta,
.notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-meta,
.status-comments.status-comments-facebook .status-comment-meta {
    font-size: 13px !important;
    line-height: 18px !important;
}

:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-meta button,
.notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-meta button,
.status-comments.status-comments-facebook .status-comment-meta button,
:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-date,
.notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-date,
.status-comments.status-comments-facebook .status-comment-date,
:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-meta-separator,
.notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-meta-separator,
.status-comments.status-comments-facebook .status-comment-meta-separator {
    font-family: inherit !important;
    font-size: 13px !important;
    line-height: 18px !important;
    font-weight: 400 !important;
    color: #7c838d !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-composer-body,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-composer-body,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-edit-box,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-edit-box {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-composer .status-comment-toolbar,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-composer .status-comment-toolbar,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-edit-box .status-comment-toolbar,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-edit-box .status-comment-toolbar {
    order: 1 !important;
    padding: 8px 10px !important;
    border: 1px solid #d7dce4 !important;
    border-bottom: 0 !important;
    border-radius: 14px 14px 0 0 !important;
    background: #f7f8fa !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-editor,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-editor,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-edit-editor,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-edit-editor {
    order: 2 !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-submit-row,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-submit-row {
    order: 3 !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-composer.is-editor-active .status-comment-editor,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-composer.is-editor-active .status-comment-editor,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-edit-box .status-comment-edit-editor,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-edit-box .status-comment-edit-editor {
    border-top: 0 !important;
    border-radius: 0 !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-composer.is-editor-active .status-comment-submit-row,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-composer.is-editor-active .status-comment-submit-row,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-edit-box .status-comment-submit-row,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-edit-box .status-comment-submit-row {
    border-radius: 0 0 14px 14px !important;
}

/* ===== r1165: meta-actieknoppen en dropdown-toggle verfijnd ===== */
:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-meta,
.notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-meta,
.status-comments.status-comments-facebook .status-comment-meta {
    gap: 7px !important;
    margin: 6px 0 0 10px !important;
    font-family: inherit !important;
    font-size: 16px !important;
    line-height: 1.45 !important;
}

:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-meta button,
.notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-meta button,
.status-comments.status-comments-facebook .status-comment-meta button,
:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-date,
.notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-date,
.status-comments.status-comments-facebook .status-comment-date,
:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-meta-separator,
.notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-meta-separator,
.status-comments.status-comments-facebook .status-comment-meta-separator {
    font-family: inherit !important;
    font-size: 16px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
}

.status-comments.status-comments-facebook .status-comment-meta button {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    color: #69717b !important;
    text-decoration: none !important;
}

.status-comments.status-comments-facebook .status-comment-meta button:hover,
.status-comments.status-comments-facebook .status-comment-meta button:focus-visible {
    color: #4e5560 !important;
    text-decoration: none !important;
}

.status-comments.status-comments-facebook .status-comment-meta .comment-respect,
.status-comments.status-comments-facebook .status-comment-meta .comment-reply-toggle {
    min-height: 24px !important;
}

.status-comments.status-comments-facebook .status-comment-meta .comment-respect .dashboard-comment-meta-icon,
.status-comments.status-comments-facebook .status-comment-meta .comment-reply-toggle .dashboard-comment-meta-icon {
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px !important;
    stroke: currentColor !important;
    fill: none !important;
    stroke-width: 1.9 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.status-comments.status-comments-facebook .status-comment-meta .comment-respect .dashboard-comment-meta-icon {
    fill: currentColor !important;
    stroke: currentColor !important;
}

.status-comments.status-comments-facebook .status-comment-meta .comment-respect .comment-meta-count {
    display: inline-block !important;
    min-width: 0 !important;
}

.status-comments.status-comments-facebook .status-comment-meta .comment-reply-toggle {
    padding-right: 1px !important;
}

.status-comments.status-comments-facebook .status-comment-meta .comment-respect.respected {
    color: #4b72aa !important;
}

.status-comments.status-comments-facebook .status-comment-date,
.status-comments.status-comments-facebook .status-comment-meta-separator {
    color: #7c838d !important;
}

/* 3-stippenknop als echte .button en één geheel. */
.status-comments.status-comments-facebook .status-comment-actions {
    right: -46px !important;
}

.status-comments.status-comments-facebook .status-comment-action-toggle.button,
.status-comments.status-comments-facebook .status-comment-action-toggle.button.button {
    width: auto !important;
    height: 30px !important;
    min-width: 34px !important;
    min-height: 30px !important;
    padding: 0 8px !important;
    border-radius: 6px !important;
    border: 1px solid #b9c0ca !important;
    background: linear-gradient(#ffffff, #e7ebf0) !important;
    box-shadow: 0 1px 0 rgba(255,255,255,.9) inset !important;
    color: #59626e !important;
}

.status-comments.status-comments-facebook .status-comment-action-toggle.button:hover,
.status-comments.status-comments-facebook .status-comment-action-toggle.button:focus-visible {
    background: linear-gradient(#ffffff, #dde3ea) !important;
    border-color: #aeb6c2 !important;
}

.status-comments.status-comments-facebook .status-comment-action-toggle.button .dashboard-more-icon {
    width: 16px !important;
    height: 16px !important;
}

/* ========================================================================
   r1166 — grotere vlakke acties + subreacties standaard ingeklapt
   ======================================================================== */

/* Reacties zelf wat ruimer en beter leesbaar. */
:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-name,
.notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-name,
.status-comments.status-comments-facebook .status-comment-name {
    font-size: 17px !important;
    line-height: 1.35 !important;
}

:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-message,
:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-message p,
:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-message span,
:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-message div,
.notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-message,
.notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-message p,
.notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-message span,
.notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-message div,
.status-comments.status-comments-facebook .status-comment-message,
.status-comments.status-comments-facebook .status-comment-message p,
.status-comments.status-comments-facebook .status-comment-message span,
.status-comments.status-comments-facebook .status-comment-message div {
    font-size: 17px !important;
    line-height: 1.48 !important;
}

/* Hartje, reactie-icoon en datum groter, maar volledig vlak. */
:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-meta,
.notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-meta,
.status-comments.status-comments-facebook .status-comment-meta {
    gap: 8px !important;
    font-size: 16px !important;
    line-height: 22px !important;
}

:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-meta button,
.notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-meta button,
.status-comments.status-comments-facebook .status-comment-meta button,
.status-comments.status-comments-facebook .status-comment-date,
.status-comments.status-comments-facebook .status-comment-meta-separator {
    font-size: 16px !important;
    line-height: 22px !important;
}

.status-comments.status-comments-facebook .status-comment-meta .comment-respect,
.status-comments.status-comments-facebook .status-comment-meta .comment-reply-toggle {
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.status-comments.status-comments-facebook .status-comment-meta .comment-respect:hover,
.status-comments.status-comments-facebook .status-comment-meta .comment-respect:focus-visible,
.status-comments.status-comments-facebook .status-comment-meta .comment-reply-toggle:hover,
.status-comments.status-comments-facebook .status-comment-meta .comment-reply-toggle:focus-visible {
    background: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.status-comments.status-comments-facebook .status-comment-meta .comment-respect .dashboard-comment-meta-icon,
.status-comments.status-comments-facebook .status-comment-meta .comment-reply-toggle .dashboard-comment-meta-icon {
    width: 21px !important;
    height: 21px !important;
    flex: 0 0 21px !important;
}

/* De 3-stippenknop blijft semantisch .button, maar zonder extra plaat/schaduw. */
.status-comments.status-comments-facebook .status-comment-action-toggle.button,
.status-comments.status-comments-facebook .status-comment-action-toggle.button.button {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #626b76 !important;
}

.status-comments.status-comments-facebook .status-comment-action-toggle.button:hover,
.status-comments.status-comments-facebook .status-comment-action-toggle.button:focus-visible {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #303840 !important;
    outline: 0 !important;
}

.status-comments.status-comments-facebook .status-comment-action-toggle.button .dashboard-more-icon {
    width: 21px !important;
    height: 21px !important;
}

/* De witte reactiebubble blijft behouden, maar zonder schaduw. */
.status-comments.status-comments-facebook .status-comment-bubble,
.status-comments.status-comments-facebook .status-comment-children .status-comment-bubble {
    box-shadow: none !important;
}

/* Subreacties niet meteen tonen. */
.status-comments.status-comments-facebook .status-comment-children[hidden] {
    display: none !important;
}

.status-comments.status-comments-facebook .comment-children-toggle {
    appearance: none !important;
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 8px 0 0 5px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #5b6672 !important;
    font: inherit !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 22px !important;
    cursor: pointer !important;
    text-decoration: none !important;
}

.status-comments.status-comments-facebook .comment-children-toggle:hover,
.status-comments.status-comments-facebook .comment-children-toggle:focus-visible {
    background: transparent !important;
    box-shadow: none !important;
    color: #3f638f !important;
    text-decoration: underline !important;
    outline: 0 !important;
}


/* r1167 — respectknop volledig vlak, zonder achtergrond of schaduw */
.status-comments.status-comments-facebook .status-comment-meta .comment-respect,
.status-comments.status-comments-facebook .status-comment-meta .comment-respect:hover,
.status-comments.status-comments-facebook .status-comment-meta .comment-respect:focus,
.status-comments.status-comments-facebook .status-comment-meta .comment-respect:focus-visible,
.status-comments.status-comments-facebook .status-comment-meta .comment-respect.respected {
    appearance: none !important;
    -webkit-appearance: none !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border: 0 !important;
    outline: 0 !important;
    filter: none !important;
}
.status-comments.status-comments-facebook .status-comment-meta .comment-respect *,
.status-comments.status-comments-facebook .status-comment-meta .comment-respect:hover *,
.status-comments.status-comments-facebook .status-comment-meta .comment-respect:focus-visible * {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border: 0 !important;
    filter: none !important;
}
.status-comments.status-comments-facebook .status-comment-meta .comment-respect .dashboard-comment-meta-icon,
.status-comments.status-comments-facebook .status-comment-meta .comment-respect .comment-meta-count {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}


/* r1168 — bij gerespecteerd alleen het hartje groen */
.status-comments.status-comments-facebook .status-comment-meta .comment-respect.respected .dashboard-comment-meta-icon {
    color: #4f9b47 !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}
.status-comments.status-comments-facebook .status-comment-meta .comment-respect.respected .comment-meta-count {
    color: inherit !important;
}


/* r1169 — meta even groot als hoofditem-datum, iets meer ruimte tussen reacties, punten weg rond reageren */
:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-meta,
.notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-meta,
.status-comments.status-comments-facebook .status-comment-meta {
    gap: 8px !important;
    margin: 7px 0 0 10px !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
}
:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-meta button,
.notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-meta button,
.status-comments.status-comments-facebook .status-comment-meta button,
:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-date,
.notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-date,
.status-comments.status-comments-facebook .status-comment-date {
    font-size: 15px !important;
    line-height: 1.45 !important;
}
.status-comments.status-comments-facebook .status-comment-meta-separator {
    display: none !important;
}
.status-comments.status-comments-facebook .status-comment-meta .comment-respect,
.status-comments.status-comments-facebook .status-comment-meta .comment-reply-toggle,
.status-comments.status-comments-facebook .status-comment-date {
    margin: 0 !important;
}
.status-comments.status-comments-facebook .status-comment-meta .comment-reply-toggle {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comments-list,
.notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comments-list,
.status-comments.status-comments-facebook .status-comments-list {
    gap: 14px !important;
}
:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-item,
.notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-item,
.status-comments.status-comments-facebook .status-comment-item {
    margin: 0 !important;
}


/* r1170 — verwijder resterende schaduw op respectknop bij hover en gerespecteerd */
.status-comments.status-comments-facebook .status-comment-meta .comment-respect,
.status-comments.status-comments-facebook .status-comment-meta .comment-respect:hover,
.status-comments.status-comments-facebook .status-comment-meta .comment-respect:active,
.status-comments.status-comments-facebook .status-comment-meta .comment-respect:focus,
.status-comments.status-comments-facebook .status-comment-meta .comment-respect:focus-visible,
.status-comments.status-comments-facebook .status-comment-meta .comment-respect.respected,
.status-comments.status-comments-facebook .status-comment-meta .comment-respect.respected:hover,
.status-comments.status-comments-facebook .status-comment-meta .comment-respect.respected:focus-visible {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  border: 0 !important;
  outline: 0 !important;
}
.status-comments.status-comments-facebook .status-comment-meta .comment-respect::before,
.status-comments.status-comments-facebook .status-comment-meta .comment-respect::after,
.status-comments.status-comments-facebook .status-comment-meta .comment-respect:hover::before,
.status-comments.status-comments-facebook .status-comment-meta .comment-respect:hover::after,
.status-comments.status-comments-facebook .status-comment-meta .comment-respect.respected::before,
.status-comments.status-comments-facebook .status-comment-meta .comment-respect.respected::after {
  content: none !important;
  background: transparent !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}
.status-comments.status-comments-facebook .status-comment-meta .comment-respect *,
.status-comments.status-comments-facebook .status-comment-meta .comment-respect:hover *,
.status-comments.status-comments-facebook .status-comment-meta .comment-respect:focus-visible *,
.status-comments.status-comments-facebook .status-comment-meta .comment-respect.respected *,
.status-comments.status-comments-facebook .status-comment-meta .comment-respect.respected:hover * {
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  background: transparent !important;
}


/* r1171 — legacy respect-hover/respected gradient definitief geneutraliseerd */
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-threaded .status-comment-meta .comment-respect,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-threaded .status-comment-meta .comment-respect:hover,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-threaded .status-comment-meta .comment-respect:active,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-threaded .status-comment-meta .comment-respect:focus,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-threaded .status-comment-meta .comment-respect:focus-visible,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-threaded .status-comment-meta .comment-respect.respected,
html body .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell #overview-posts .status-comments.status-comments-facebook .status-comment-threaded .status-comment-meta .comment-respect,
html body .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell #overview-posts .status-comments.status-comments-facebook .status-comment-threaded .status-comment-meta .comment-respect:hover,
html body .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell #overview-posts .status-comments.status-comments-facebook .status-comment-threaded .status-comment-meta .comment-respect:active,
html body .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell #overview-posts .status-comments.status-comments-facebook .status-comment-threaded .status-comment-meta .comment-respect:focus,
html body .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell #overview-posts .status-comments.status-comments-facebook .status-comment-threaded .status-comment-meta .comment-respect:focus-visible,
html body .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell #overview-posts .status-comments.status-comments-facebook .status-comment-threaded .status-comment-meta .comment-respect.respected {
    border: 0 !important;
    border-color: transparent !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    outline: 0 !important;
}


/* r1172 — lege-reactiesmelding op standaard Snoeten-tekstgrootte */
.status-comments.status-comments-facebook .status-comment-empty {
    font-family: inherit !important;
    font-size: var(--base-font-size, 16px) !important;
    line-height: 1.7 !important;
}


/* r1173 — iets meer ademruimte links en rechts van het reageer-icoon */
.status-comments.status-comments-facebook .status-comment-meta .comment-reply-toggle {
    margin-left: 4px !important;
    margin-right: 4px !important;
}


/* ========================================================================
   r1174 — standaard respecttekst + respect van reactie rechts naast bubble
   ======================================================================== */

/* "[x] mensen respecteren dit" volgt voortaan exact de ingestelde standaardtekstgrootte. */
.status-respecters-list > summary,
.status-respect-summary-text {
    font-family: inherit !important;
    font-size: var(--base-font-size, 16px) !important;
    line-height: 1.45 !important;
}

/* Bubble en respectactie vormen samen één horizontale rij. */
.status-comments.status-comments-facebook .status-comment-bubble-row {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
}

:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-bubble-row > .status-comment-bubble,
.notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-bubble-row > .status-comment-bubble,
.status-comments.status-comments-facebook .status-comment-bubble-row > .status-comment-bubble {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    max-width: min(calc(100% - 42px), 590px) !important;
}

/* Hart rechts naast de reactieplaat, teller er direct onder. Volledig vlak. */
.status-comments.status-comments-facebook .status-comment-respect-side,
.status-comments.status-comments-facebook .status-comment-respect-side:hover,
.status-comments.status-comments-facebook .status-comment-respect-side:active,
.status-comments.status-comments-facebook .status-comment-respect-side:focus,
.status-comments.status-comments-facebook .status-comment-respect-side:focus-visible,
.status-comments.status-comments-facebook .status-comment-respect-side.respected,
.status-comments.status-comments-facebook .status-comment-respect-side.respected:hover,
.status-comments.status-comments-facebook .status-comment-respect-side.respected:focus-visible {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: inline-flex !important;
    flex: 0 0 30px !important;
    width: 30px !important;
    min-width: 30px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 1px !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    color: #69717b !important;
    font-family: inherit !important;
    cursor: pointer !important;
}

.status-comments.status-comments-facebook .status-comment-respect-side::before,
.status-comments.status-comments-facebook .status-comment-respect-side::after {
    content: none !important;
}

.status-comments.status-comments-facebook .status-comment-respect-side .dashboard-comment-meta-icon {
    display: block !important;
    width: 21px !important;
    height: 21px !important;
    flex: 0 0 21px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: inherit !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}

.status-comments.status-comments-facebook .status-comment-respect-side .comment-meta-count {
    display: block !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #69717b !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.1 !important;
    text-align: center !important;
}

.status-comments.status-comments-facebook .status-comment-respect-side.respected .dashboard-comment-meta-icon {
    color: #4f9b47 !important;
}

/* Respect staat niet meer in de metaregel; reageren en datum blijven daar naast elkaar. */
.status-comments.status-comments-facebook .status-comment-meta {
    gap: 12px !important;
}

/* De opties blijven in de bubble en botsen daardoor niet met het nieuwe hart rechts. */
.status-comments.status-comments-facebook .status-comment-actions {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    transform: none !important;
    flex: 0 0 auto !important;
}

.status-comments.status-comments-facebook .status-comment:hover > .status-comment-main > .status-comment-bubble-shell .status-comment-actions,
.status-comments.status-comments-facebook .status-comment-actions.is-open,
.status-comments.status-comments-facebook .status-comment-actions:focus-within {
    opacity: 1 !important;
}

/* ========================================================================
   r1175 — datum naast auteur, Beantwoorden als tekst, zijacties bovenaan
   ======================================================================== */

/* Naam en plaatsingsdatum staan voortaan op één regel. */
.status-comments.status-comments-facebook .status-comment-title-line {
    display: flex !important;
    align-items: baseline !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
}

.status-comments.status-comments-facebook .status-comment-title-line .status-comment-date {
    display: inline !important;
    margin: 0 !important;
    color: #7c838d !important;
    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
    white-space: nowrap !important;
}

/* Bubble links, respect + dropdown rechts. Alles bovenaan uitgelijnd. */
.status-comments.status-comments-facebook .status-comment-bubble-row {
    align-items: flex-start !important;
    gap: 8px !important;
    overflow: visible !important;
}

:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-bubble-row > .status-comment-bubble,
.notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-bubble-row > .status-comment-bubble,
.status-comments.status-comments-facebook .status-comment-bubble-row > .status-comment-bubble {
    max-width: min(calc(100% - 78px), 590px) !important;
}

.status-comments.status-comments-facebook .status-comment-side-controls {
    position: relative !important;
    z-index: 4 !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 3px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

.status-comments.status-comments-facebook .status-comment-respect-side {
    align-self: flex-start !important;
    justify-content: flex-start !important;
}

/* Dropdownbutton direct rechts van respect/aantal. */
.status-comments.status-comments-facebook .status-comment-side-controls .status-comment-actions {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    transform: none !important;
    align-self: flex-start !important;
    flex: 0 0 32px !important;
    margin: 0 !important;
    overflow: visible !important;
}

.status-comments.status-comments-facebook .status-comment-side-controls .status-comment-action-toggle.button,
.status-comments.status-comments-facebook .status-comment-side-controls .status-action-toggle.button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 24px !important;
    min-width: 32px !important;
    min-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #626b76 !important;
}

.status-comments.status-comments-facebook .status-comment-side-controls .status-comment-action-toggle.button:hover,
.status-comments.status-comments-facebook .status-comment-side-controls .status-comment-action-toggle.button:focus-visible,
.status-comments.status-comments-facebook .status-comment-side-controls .status-action-toggle.button:hover,
.status-comments.status-comments-facebook .status-comment-side-controls .status-action-toggle.button:focus-visible {
    background: transparent !important;
    box-shadow: none !important;
    color: #303840 !important;
    outline: 0 !important;
}

/* Onder de bubble staat alleen nog Beantwoorden als gewone tekst. */
.status-comments.status-comments-facebook .status-comment-meta {
    gap: 0 !important;
    margin-top: 3px !important;
}

:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-meta .comment-reply-toggle,
.notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-meta .comment-reply-toggle,
.status-comments.status-comments-facebook .status-comment-meta .comment-reply-toggle {
    display: inline !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #656c76 !important;
    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 16px !important;
    text-decoration: none !important;
}

.status-comments.status-comments-facebook .status-comment-meta .comment-reply-toggle:hover,
.status-comments.status-comments-facebook .status-comment-meta .comment-reply-toggle:focus-visible {
    background: transparent !important;
    box-shadow: none !important;
    text-decoration: underline !important;
}

/* Klein streepje vóór "[x] reactie(s) bekijken". */
.status-comments.status-comments-facebook .comment-children-toggle {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
}

.status-comments.status-comments-facebook .comment-children-prefix {
    display: inline-block !important;
    color: currentColor !important;
    font-weight: 400 !important;
    line-height: 1 !important;
}

/* Dropdowns moeten over volgende reacties/content heen openen. */
.status-comments.status-comments-facebook,
.status-comments.status-comments-facebook .status-comments-list,
.status-comments.status-comments-facebook .status-comment-main,
.status-comments.status-comments-facebook .status-comment-bubble-shell,
.status-comments.status-comments-facebook .status-comment-bubble-row,
.status-comments.status-comments-facebook .status-comment-side-controls,
.status-comments.status-comments-facebook .status-comment-actions {
    overflow: visible !important;
}

.status-comments.status-comments-facebook .status-comment.status-comment-threaded.is-menu-open {
    z-index: 20000 !important;
}

.status-comments.status-comments-facebook .status-comment.status-comment-threaded.is-menu-open .status-comment-side-controls,
.status-comments.status-comments-facebook .status-comment-actions.is-open,
.status-comments.status-comments-facebook .content-report-actions.is-open {
    z-index: 20001 !important;
}

.status-comments.status-comments-facebook .status-comment-menu {
    top: 27px !important;
    right: 0 !important;
    z-index: 20002 !important;
}

/* Ook de bovenliggende prikbordkaart krijgt voorrang zolang een reactiemenu open is. */
#overview-posts .post:has(.status-comment.is-menu-open),
.notification-detail-dialog #notification-detail-dashboard #overview-posts .post:has(.status-comment.is-menu-open) {
    position: relative !important;
    z-index: 19999 !important;
    overflow: visible !important;
}


/* ========================================================================
   r1176 — reactie-paginering, natuurlijke avatarhoogte en vernieuwd reageerveld
   ======================================================================== */

/* Hoofdreacties: na 5 reacties verschijnt een rustige link om 10 extra te tonen. */
.status-comments.status-comments-facebook .status-comments-more-wrap {
    display: block !important;
    margin: 2px 0 4px 47px !important;
    padding: 0 !important;
}

.status-comments.status-comments-facebook .status-comments-more {
    display: inline !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #4b72aa !important;
    font-family: inherit !important;
    font-size: var(--base-font-size, 14px) !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    cursor: pointer !important;
    text-decoration: none !important;
}

.status-comments.status-comments-facebook .status-comments-more:hover,
.status-comments.status-comments-facebook .status-comments-more:focus-visible {
    text-decoration: underline !important;
    outline: 0 !important;
}

/* Profielfoto's houden hun bestaande breedte maar volgen voortaan hun eigen verhouding. */
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-avatar-link,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-composer-avatar,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-avatar-link,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-composer-avatar,
.status-comments.status-comments-facebook .status-comment-avatar-link,
.status-comments.status-comments-facebook .status-comment-composer-avatar {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    aspect-ratio: 1 / 1 !important;
    align-self: flex-start !important;
    border-radius: 50% !important;
    overflow: hidden !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-avatar,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-composer-avatar img,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-avatar,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-composer-avatar img,
.status-comments.status-comments-facebook .status-comment-avatar,
.status-comments.status-comments-facebook .status-comment-composer-avatar img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 50% !important;
}

/* Reageerplaat: rustiger vlak met duidelijk invoerveld, zonder zware schaduw. */
:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-composer,
.notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-composer,
.status-comments.status-comments-facebook .status-comment-composer {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 10px !important;
    margin: 2px 0 16px !important;
    padding: 10px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    box-shadow: none !important;
}

:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-editor,
.notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-editor,
.status-comments.status-comments-facebook .status-comment-editor,
.status-comments.status-comments-facebook .status-comment-edit-editor {
    min-height: 42px !important;
    padding: 10px 46px 10px 13px !important;
    border: 1px solid #cfd6df !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.025) !important;
}

.status-comments.status-comments-facebook .status-comment-editor:focus,
.status-comments.status-comments-facebook .status-comment-edit-editor:focus {
    border-color: #9db3d2 !important;
    box-shadow: 0 0 0 2px rgba(75,114,170,.10) !important;
}

.status-comments.status-comments-facebook .status-comment-composer .status-comment-toolbar {
    top: 15px !important;
    right: 17px !important;
}

.status-comments.status-comments-facebook .status-comment-composer.is-editor-active .status-comment-toolbar {
    top: auto !important;
    right: auto !important;
}

/* Beantwoorden iets groter, maar nog steeds als rustige tekstlink. */
:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-meta .comment-reply-toggle,
.notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-meta .comment-reply-toggle,
.status-comments.status-comments-facebook .status-comment-meta .comment-reply-toggle {
    font-size: 13px !important;
    line-height: 17px !important;
}


/* ========================================================================
   r1177 — reageerveld terug naar eerdere vorm + subtiele schaduw,
   meer-reacties scheidingslink en subreacties rechts uitgelijnd
   ======================================================================== */

/* Reageerveld: r1176-plaat ongedaan. Alleen het witte invoerveld krijgt
   dezelfde subtiele schaduw als de witte reactieplaten. */
:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-composer,
.notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-composer,
.status-comments.status-comments-facebook .status-comment-composer {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 9px !important;
    align-items: start !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.status-comments.status-comments-facebook .status-comment-composer.is-compact-composer {
    margin: 8px 0 0 !important;
}

:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-editor,
.notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-editor,
.status-comments.status-comments-facebook .status-comment-editor,
.status-comments.status-comments-facebook .status-comment-edit-editor {
    min-height: 42px !important;
    padding: 10px 46px 10px 15px !important;
    border: 1px solid transparent !important;
    border-radius: 22px !important;
    background: #ffffff !important;
    box-shadow: 0 1px 3px rgba(31, 45, 61, .13) !important;
}

.status-comments.status-comments-facebook .status-comment-editor:focus,
.status-comments.status-comments-facebook .status-comment-edit-editor:focus {
    border-color: #c8d3e4 !important;
    box-shadow: 0 1px 3px rgba(31, 45, 61, .13), 0 0 0 1px rgba(75, 114, 170, .08) !important;
}

.status-comments.status-comments-facebook .status-comment-composer .status-comment-toolbar {
    top: 5px !important;
    right: 7px !important;
}

.status-comments.status-comments-facebook .status-comment-composer.is-editor-active .status-comment-toolbar {
    top: auto !important;
    right: auto !important;
}

/* De witte platen met reactietekst krijgen dezelfde rustige schaduw. */
:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-bubble,
.notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-bubble,
.status-comments.status-comments-facebook .status-comment-bubble,
.status-comments.status-comments-facebook .status-comment-children .status-comment-bubble {
    box-shadow: 0 1px 3px rgba(31, 45, 61, .13) !important;
}

/* 'Bekijk meer reacties' over de volle breedte, met een lijn achter de tekst. */
.status-comments.status-comments-facebook .status-comments-more-wrap {
    width: 100% !important;
    margin: 4px 0 6px !important;
    padding: 0 !important;
}

.status-comments.status-comments-facebook .status-comments-more {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 100% !important;
    margin: 0 !important;
    padding: 4px 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: center !important;
    text-decoration: none !important;
    overflow: hidden !important;
}

.status-comments.status-comments-facebook .status-comments-more::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 50% !important;
    height: 1px !important;
    background: #cfd5dc !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
}

.status-comments.status-comments-facebook .status-comments-more-label {
    position: relative !important;
    z-index: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    padding: 0 11px !important;
    background: #eef0f3 !important;
    color: #4b72aa !important;
    font-family: inherit !important;
    font-size: var(--base-font-size, 14px) !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}

.status-comments.status-comments-facebook .status-comments-more-arrow {
    display: inline-block !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    transform: translateY(-1px) !important;
}

.status-comments.status-comments-facebook .status-comments-more:hover .status-comments-more-label,
.status-comments.status-comments-facebook .status-comments-more:focus-visible .status-comments-more-label {
    text-decoration: underline !important;
}

/* Reacties op een reactie komen als een rechts uitgelijnde antwoordgroep te staan,
   zonder de oude linker draad/haak. */
.status-comments.status-comments-facebook .status-comment-children {
    width: 100% !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
    align-items: flex-end !important;
    gap: 11px !important;
}

.status-comments.status-comments-facebook .status-comment-children::before,
.status-comments.status-comments-facebook .status-comment-children > .status-comment.status-comment-threaded::before {
    content: none !important;
    display: none !important;
}

.status-comments.status-comments-facebook .status-comment-children > .status-comment.status-comment-threaded {
    width: 92% !important;
    max-width: 690px !important;
    align-self: flex-end !important;
    margin-left: auto !important;
    margin-right: 0 !important;
}

.status-comments.status-comments-facebook .status-comment-children > .status-comment.status-comment-threaded > .status-comment-main > .status-comment-bubble-shell > .status-comment-bubble-row {
    justify-content: flex-end !important;
}

.status-comments.status-comments-facebook .status-comment-children > .status-comment.status-comment-threaded > .status-comment-main > .status-comment-bubble-shell > .status-comment-meta {
    display: flex !important;
    justify-content: flex-end !important;
}

.status-comments.status-comments-facebook .status-comment-children > .status-comment.status-comment-threaded > .status-comment-main > .comment-children-toggle {
    margin-left: auto !important;
}

.status-comments.status-comments-facebook .status-comment-children > .status-comment.status-comment-threaded > .status-comment-main > .status-comment-reply-composer-wrap {
    width: 92% !important;
    margin-left: auto !important;
}

@media (max-width: 700px) {
    .status-comments.status-comments-facebook .status-comment-children > .status-comment.status-comment-threaded {
        width: 94% !important;
    }
}


/* ========================================================================
   r1178 — iets duidelijkere schaduw, meer-link zonder pijl en WYSIWYG .button
   ======================================================================== */
:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-editor,
.notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-editor,
.status-comments.status-comments-facebook .status-comment-editor,
.status-comments.status-comments-facebook .status-comment-edit-editor {
    box-shadow: 0 2px 6px rgba(31, 45, 61, .16) !important;
}

.status-comments.status-comments-facebook .status-comment-editor:focus,
.status-comments.status-comments-facebook .status-comment-edit-editor:focus {
    box-shadow: 0 2px 6px rgba(31, 45, 61, .16), 0 0 0 1px rgba(75, 114, 170, .10) !important;
}

:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-bubble,
.notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-bubble,
.status-comments.status-comments-facebook .status-comment-bubble,
.status-comments.status-comments-facebook .status-comment-children .status-comment-bubble {
    box-shadow: 0 2px 6px rgba(31, 45, 61, .16) !important;
}

.status-comments.status-comments-facebook .status-comments-more-arrow {
    display: none !important;
}

/* De WYSIWYG-items gebruiken nu expliciet dezelfde button-look als de rest. */
.status-comments.status-comments-facebook .status-comment-composer .status-comment-toolbar > button.button,
.status-comments.status-comments-facebook .status-comment-edit-box .status-comment-toolbar > button.button {
    min-width: 30px !important;
    height: 30px !important;
    padding: 0 8px !important;
    border: 1px solid #707070 !important;
    border-radius: 3px !important;
    background: linear-gradient(to bottom, #f2f2f2 0%, #ebebeb 42%, #dddddd 47%, #cfcfcf 100%) !important;
    color: #333 !important;
    box-shadow: none !important;
}

.status-comments.status-comments-facebook .status-comment-composer .status-comment-toolbar > button.button:hover,
.status-comments.status-comments-facebook .status-comment-composer .status-comment-toolbar > button.button:focus-visible,
.status-comments.status-comments-facebook .status-comment-edit-box .status-comment-toolbar > button.button:hover,
.status-comments.status-comments-facebook .status-comment-edit-box .status-comment-toolbar > button.button:focus-visible {
    border-color: #3c7fb1 !important;
    background: linear-gradient(to bottom, #eaf6fd 0%, #d9f0fc 42%, #bee6fd 47%, #bce5fc 58%, #a7d9f5 100%) !important;
    box-shadow: 0 0 3px #a7d9f5 !important;
    outline: 0 !important;
}

/* Emoji blijft compact in het lege veld; zodra de WYSIWYG open is krijgt ook hij de .button-look. */
.status-comments.status-comments-facebook .status-comment-composer:not(.is-editor-active) .status-comment-toolbar .emoji-trigger.button {
    border: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* ========================================================================
   r1179 — subreacties bekijken/verbergen als volle breedte met middenlijn
   ======================================================================== */
.status-comments.status-comments-facebook .comment-children-toggle {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 100% !important;
    margin: 8px 0 2px !important;
    padding: 4px 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: center !important;
    text-decoration: none !important;
}

.status-comments.status-comments-facebook .comment-children-toggle::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 50% !important;
    height: 1px !important;
    background: #cfd5dc !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
}

.status-comments.status-comments-facebook .comment-children-toggle .comment-children-label {
    position: relative !important;
    z-index: 1 !important;
    display: inline-block !important;
    padding: 0 11px !important;
    background: #eef0f3 !important;
    color: inherit !important;
    line-height: 22px !important;
    text-align: center !important;
}

/* Het losse korte streepje is niet meer nodig: de lijn loopt nu achter de tekst. */
.status-comments.status-comments-facebook .comment-children-toggle .comment-children-prefix {
    display: none !important;
}

.status-comments.status-comments-facebook .comment-children-toggle:hover,
.status-comments.status-comments-facebook .comment-children-toggle:focus-visible {
    background: transparent !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.status-comments.status-comments-facebook .comment-children-toggle:hover .comment-children-label,
.status-comments.status-comments-facebook .comment-children-toggle:focus-visible .comment-children-label {
    text-decoration: underline !important;
}

/* Ook geneste reacties houden deze balk over de volledige beschikbare breedte. */
.status-comments.status-comments-facebook .status-comment-children > .status-comment.status-comment-threaded > .status-comment-main > .comment-children-toggle {
    width: 100% !important;
    min-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* ========================================================================
   2026-09-30 — hoofdreactie-toggle uitlijnen met de reactietekst
   ======================================================================== */

/* De toggle blijft binnen de tekstkolom van de reactie. Zo beginnen en eindigen
   de scheidingslijn en de reactiebubble op dezelfde horizontale positie en loopt
   de lijn niet meer onder de avatar door. */
:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comments-list > .status-comment.status-comment-threaded > .status-comment-main > .comment-children-toggle,
.notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comments-list > .status-comment.status-comment-threaded > .status-comment-main > .comment-children-toggle,
.status-comments.status-comments-facebook .status-comments-list > .status-comment.status-comment-threaded > .status-comment-main > .comment-children-toggle {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 8px 0 2px 0 !important;
    padding: 4px 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: center !important;
    text-decoration: none !important;
}

:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comments-list > .status-comment.status-comment-threaded > .status-comment-main > .comment-children-toggle::before,
.notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comments-list > .status-comment.status-comment-threaded > .status-comment-main > .comment-children-toggle::before,
.status-comments.status-comments-facebook .status-comments-list > .status-comment.status-comment-threaded > .status-comment-main > .comment-children-toggle::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 50% !important;
    height: 1px !important;
    background: #F19620 !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
}

:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comments-list > .status-comment.status-comment-threaded > .status-comment-main > .comment-children-toggle .comment-children-label,
.notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comments-list > .status-comment.status-comment-threaded > .status-comment-main > .comment-children-toggle .comment-children-label,
.status-comments.status-comments-facebook .status-comments-list > .status-comment.status-comment-threaded > .status-comment-main > .comment-children-toggle .comment-children-label {
    position: relative !important;
    z-index: 1 !important;
    display: inline-block !important;
    padding: 0 11px !important;
    background: #FFF3E3 !important;
    color: #F19620 !important;
    text-align: center !important;
}

/* Subtiel randje rond de witte plaat met naam/datum/reactietekst. */
:is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-bubble,
.notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-bubble,
.status-comments.status-comments-facebook .status-comment-bubble,
.status-comments.status-comments-facebook .status-comment-children .status-comment-bubble {
    border: 1px solid #d5dae1 !important;
    box-sizing: border-box !important;
}

@media (max-width: 700px) {
    :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comments-list > .status-comment.status-comment-threaded > .status-comment-main > .comment-children-toggle,
    .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comments-list > .status-comment.status-comment-threaded > .status-comment-main > .comment-children-toggle,
    .status-comments.status-comments-facebook .status-comments-list > .status-comment.status-comment-threaded > .status-comment-main > .comment-children-toggle {
        width: calc(100% + 47px) !important;
        min-width: calc(100% + 47px) !important;
        margin-left: -47px !important;
    }
}


/* ========================================================================
   r1184 — subreacties in rechterhelft + Hyves-ster met Twitter-achtige feedback
   ======================================================================== */

/* Antwoorden gebruiken de beschikbare breedte. De echte inspringing van de
   eerste antwoordlaag staat verderop centraal gedefinieerd; zo wordt de tekst
   niet onnodig tot een halve kolom samengedrukt. */
.status-comments.status-comments-facebook .status-comment-children > .status-comment.status-comment-threaded {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    align-self: stretch !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.status-comments.status-comments-facebook .status-comment-children > .status-comment.status-comment-threaded > .status-comment-main > .status-comment-bubble-shell > .status-comment-bubble-row {
    justify-content: flex-start !important;
}

.status-comments.status-comments-facebook .status-comment-children > .status-comment.status-comment-threaded > .status-comment-main > .status-comment-bubble-shell > .status-comment-meta {
    justify-content: flex-start !important;
}

.status-comments.status-comments-facebook .status-comment-children > .status-comment.status-comment-threaded > .status-comment-main > .status-comment-reply-composer-wrap {
    width: 100% !important;
    margin-left: 0 !important;
}

/* Hyves-achtige ster: rustend als lijn, na respect volledig gevuld. */
.status-comments.status-comments-facebook .status-comment-respect-side .dashboard-comment-meta-icon {
    overflow: visible !important;
    fill: transparent !important;
    stroke: currentColor !important;
    stroke-width: 1.6 !important;
    transform-origin: 50% 50% !important;
}

.status-comments.status-comments-facebook .status-comment-respect-side.respected .dashboard-comment-meta-icon {
    color: #4f9b47 !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}

/* Korte Twitter-achtige pop bij toevoegen van respect; geen permanente
   achtergrond of schaduw op de knop. */
.status-comments.status-comments-facebook .status-comment-respect-side.is-respect-animating .dashboard-comment-meta-icon {
    animation: snoeten-respect-star-pop .48s cubic-bezier(.2,.85,.28,1.35) both !important;
}

.status-comments.status-comments-facebook .status-comment-respect-side.is-respect-animating .comment-meta-count {
    animation: snoeten-respect-count-pop .36s ease-out both !important;
}

@keyframes snoeten-respect-star-pop {
    0%   { transform: scale(.72) rotate(-10deg); }
    38%  { transform: scale(1.48) rotate(8deg); }
    68%  { transform: scale(.92) rotate(-3deg); }
    100% { transform: scale(1) rotate(0); }
}

@keyframes snoeten-respect-count-pop {
    0%   { transform: translateY(1px) scale(.88); opacity: .55; }
    55%  { transform: translateY(-1px) scale(1.12); opacity: 1; }
    100% { transform: translateY(0) scale(1); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .status-comments.status-comments-facebook .status-comment-respect-side.is-respect-animating .dashboard-comment-meta-icon,
    .status-comments.status-comments-facebook .status-comment-respect-side.is-respect-animating .comment-meta-count {
        animation: none !important;
    }
}

/* ========================================================================
   r1202 — subreacties breed houden met een subtiele vaste inspringing
   ======================================================================== */

/* De eerste antwoordlaag springt 64px in. Zo blijft zichtbaar dat het een
   subreactie is, maar blijft vrijwel de hele tekstbreedte beschikbaar. */
.status-comments.status-comments-facebook
.status-comments-list > .status-comment.status-comment-threaded
> .status-comment-main > .status-comment-children
> .status-comment.status-comment-threaded {
    box-sizing: border-box !important;
    width: calc(100% - 64px) !important;
    max-width: calc(100% - 64px) !important;
    min-width: 0 !important;
    margin-left: 64px !important;
    margin-right: 0 !important;
    align-self: stretch !important;
}

/* Bestaande oudere geneste antwoorden krijgen géén nieuwe 50%-laag meer.
   Ze blijven exact uitgelijnd met de eerste subreactielaag. */
.status-comments.status-comments-facebook
.status-comment-children .status-comment-children {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.status-comments.status-comments-facebook
.status-comment-children .status-comment-children
> .status-comment.status-comment-threaded {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    align-self: stretch !important;
}

/* Composer van een antwoord-op-een-antwoord blijft ook op hetzelfde niveau. */
.status-comments.status-comments-facebook
.status-comment-children .status-comment-reply-composer-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

@media (max-width: 700px) {
    /* Op smalle schermen blijft alleen een kleine visuele inspringing over. */
    .status-comments.status-comments-facebook
    .status-comments-list > .status-comment.status-comment-threaded
    > .status-comment-main > .status-comment-children
    > .status-comment.status-comment-threaded {
        width: calc(100% - 22px) !important;
        max-width: calc(100% - 22px) !important;
        margin-left: 22px !important;
    }
}


/* r1203 — @vermeldingen in reacties */
.status-comment-message .snoeten-mention-link {
    color: #4b72aa;
    font-weight: 600;
    text-decoration: none;
}
.status-comment-message .snoeten-mention-link:hover,
.status-comment-message .snoeten-mention-link:focus-visible {
    text-decoration: underline;
}


/* r1208 — geen schaduw op het losse invoerveld, maar op het volledige reactieblok */
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-editor,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-editor,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-edit-editor,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-edit-editor {
    box-shadow: none !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-composer-body,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-composer-body,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-edit-box,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-edit-box {
    border-radius: 14px !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-composer.is-editor-active .status-comment-composer-body,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-composer.is-editor-active .status-comment-composer-body,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-edit-box,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-edit-box {
    box-shadow: 0 6px 18px rgba(31, 43, 58, .11), 0 1px 0 rgba(255,255,255,.7) !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-composer.is-editor-active .status-comment-composer-body .status-comment-toolbar,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-composer.is-editor-active .status-comment-composer-body .status-comment-toolbar,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-edit-box .status-comment-toolbar,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-edit-box .status-comment-toolbar,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-composer.is-editor-active .status-comment-composer-body .status-comment-submit-row,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-composer.is-editor-active .status-comment-composer-body .status-comment-submit-row,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-edit-box .status-comment-submit-row,
html body .notification-detail-dialog #notification-detail-dashboard #overview-posts .status-comments.status-comments-facebook .status-comment-edit-box .status-comment-submit-row {
    position: relative !important;
    z-index: 1 !important;
}


/* ========================================================================
   r1225 — grotere respectster + Meldingen exact dezelfde reactieplaat-opmaak
   ======================================================================== */

/* Alleen het respect-icoon wordt groter; de vlakke knop en teller blijven compact. */
.status-comments.status-comments-facebook .status-comment-respect-side {
    flex-basis: 35px !important;
    width: 35px !important;
    min-width: 35px !important;
}

.status-comments.status-comments-facebook .status-comment-respect-side .dashboard-comment-meta-icon {
    width: 26px !important;
    height: 26px !important;
    flex: 0 0 26px !important;
}

/* In het meldingsvenster won nog oude item-window CSS die van de buitenste
   .status-comment opnieuw een witte kaart maakte. De moderne vormgeving gebruikt
   juist een transparante wrapper met alleen .status-comment-bubble als witte plaat. */
html body .notification-detail-dialog
#notification-detail-dashboard #overview-posts
.status-comments.status-comments-facebook
.status-comment.status-comment-threaded,
html body .notification-detail-dialog
#notification-detail-dashboard #overview-posts
.status-comments.status-comments-facebook
.status-comments-list > .status-comment.status-comment-threaded {
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 9px !important;
    position: relative !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Ook de oude decoratieve witte nokjes van die buitenplaat uitschakelen. */
html body .notification-detail-dialog
#notification-detail-dashboard #overview-posts
.status-comments.status-comments-facebook
.status-comment.status-comment-threaded::before,
html body .notification-detail-dialog
#notification-detail-dashboard #overview-posts
.status-comments.status-comments-facebook
.status-comment.status-comment-threaded::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    clip-path: none !important;
}

/* Subreacties blijven dezelfde compacte afmetingen gebruiken als op het prikbord. */
html body .notification-detail-dialog
#notification-detail-dashboard #overview-posts
.status-comments.status-comments-facebook
.status-comment-children > .status-comment.status-comment-threaded {
    grid-template-columns: 32px minmax(0, 1fr) !important;
}


/* Respectster: iets fijner en subtieler. */
.status-comments.status-comments-facebook .status-comment-respect-side {
    flex-basis: 37px !important;
    width: 37px !important;
    min-width: 37px !important;
}

.status-comments.status-comments-facebook .status-comment-respect-side .dashboard-comment-meta-icon {
    width: 28px !important;
    height: 28px !important;
    flex: 0 0 28px !important;
}

/* 2026-09-25 — Prikbordreacties: vijf reactie-skeletons tijdens het laden. */
@keyframes status-comment-skeleton-shimmer {
    0% { background-position: 180% 0; }
    100% { background-position: -80% 0; }
}

.status-comments.status-comments-facebook .status-comment-skeleton {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 10px !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    pointer-events: none !important;
}

.status-comments.status-comments-facebook .status-comment-skeleton:last-child {
    margin-bottom: 0 !important;
}

.status-comments.status-comments-facebook .status-comment-skeleton-avatar,
.status-comments.status-comments-facebook .status-comment-skeleton-line,
.status-comments.status-comments-facebook .status-comment-skeleton-side,
.status-comments.status-comments-facebook .status-comment-skeleton-reply {
    display: block !important;
    background: linear-gradient(90deg, #dfe3e0 20%, #f4f5f4 45%, #dfe3e0 70%) !important;
    background-size: 220% 100% !important;
    animation: status-comment-skeleton-shimmer 1.35s ease-in-out infinite !important;
}

.status-comments.status-comments-facebook .status-comment-skeleton-avatar {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
}

.status-comments.status-comments-facebook .status-comment-skeleton .status-comment-main,
.status-comments.status-comments-facebook .status-comment-skeleton .status-comment-bubble-shell {
    min-width: 0 !important;
    width: 100% !important;
}

.status-comments.status-comments-facebook .status-comment-skeleton .status-comment-bubble-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 34px !important;
    align-items: start !important;
    gap: 8px !important;
}

.status-comments.status-comments-facebook .status-comment-skeleton-bubble {
    min-width: 0 !important;
    padding: 10px 12px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .04) !important;
}

.status-comments.status-comments-facebook .status-comment-skeleton-title {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.status-comments.status-comments-facebook .status-comment-skeleton-line {
    height: 8px !important;
    border-radius: 4px !important;
}

.status-comments.status-comments-facebook .status-comment-skeleton-line.is-name {
    width: 118px !important;
    height: 11px !important;
}

.status-comments.status-comments-facebook .status-comment-skeleton-line.is-date {
    width: 64px !important;
    height: 8px !important;
}

.status-comments.status-comments-facebook .status-comment-skeleton-message {
    display: flex !important;
    margin-top: 9px !important;
    flex-direction: column !important;
    gap: 7px !important;
}

.status-comments.status-comments-facebook .status-comment-skeleton-message .is-wide {
    width: 90% !important;
}

.status-comments.status-comments-facebook .status-comment-skeleton-message .is-medium {
    width: 64% !important;
}

.status-comments.status-comments-facebook .status-comment-skeleton-message .is-short {
    width: 42% !important;
}

.status-comments.status-comments-facebook .status-comment-skeleton-side {
    width: 34px !important;
    height: 34px !important;
    border-radius: 6px !important;
}

.status-comments.status-comments-facebook .status-comment-skeleton-reply {
    width: 78px !important;
    height: 8px !important;
    margin: 6px 0 0 10px !important;
    border-radius: 4px !important;
}

@media (max-width: 620px) {
    .status-comments.status-comments-facebook .status-comment-skeleton {
        grid-template-columns: 36px minmax(0, 1fr) !important;
        gap: 8px !important;
    }

    .status-comments.status-comments-facebook .status-comment-skeleton-avatar {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
    }

    .status-comments.status-comments-facebook .status-comment-skeleton .status-comment-bubble-row {
        grid-template-columns: minmax(0, 1fr) 30px !important;
        gap: 6px !important;
    }

    .status-comments.status-comments-facebook .status-comment-skeleton-side {
        width: 30px !important;
        height: 30px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .status-comments.status-comments-facebook .status-comment-skeleton-avatar,
    .status-comments.status-comments-facebook .status-comment-skeleton-line,
    .status-comments.status-comments-facebook .status-comment-skeleton-side,
    .status-comments.status-comments-facebook .status-comment-skeleton-reply {
        animation: none !important;
    }
}


/* Definitieve Prikbord-reactiebubble: transparant met een vaste, altijd zichtbare rand. */
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-bubble,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-children .status-comment-bubble {
    background: transparent !important;
    border: 1px solid #CCD7C7 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-bubble:hover,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-bubble:focus-within,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-children .status-comment-bubble:hover,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-children .status-comment-bubble:focus-within {
    background: transparent !important;
    border: 1px solid #CCD7C7 !important;
    box-shadow: none !important;
}

/* Prikbord: respect- en reactieplaten definitief warm/oranje, zonder oude grijze rand. */
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .post > article > .actions.status-engagement-bar {
    background: transparent !important;
    border: 0 !important;
    border-top: 1px solid #CCD7C7 !important;
    border-bottom: 1px solid #CCD7C7 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .post > article > .status-comments.status-comments-facebook,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook {
    background: #FFF3E3 !important;
    border: 0 !important;
    border-top: 0 !important;
    outline: 0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .10) !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comments-more-label,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .comment-children-toggle .comment-children-label {
    background: #FFF3E3 !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .post > article > .actions.status-engagement-bar .status-respect-avatar {
    border-color: #FFF3E3 !important;
}

/* 2026-09-26 — Prikbord: reactiebubble altijd dezelfde zichtbare rand, ook zonder mouseover. */
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-bubble,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-bubble-row > .status-comment-bubble,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-children .status-comment-bubble,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-bubble:hover,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-bubble:focus,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-bubble:focus-within,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-children .status-comment-bubble:hover,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-children .status-comment-bubble:focus,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-children .status-comment-bubble:focus-within {
    background: transparent !important;
    background-color: transparent !important;
    border: 1px solid #CCD7C7 !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: #CCD7C7 !important;
    outline: 0 !important;
    box-shadow: none !important;
    transition: none !important;
}


/* 2026-09-26 — Prikbord respectbalk definitief transparant met alleen lijn boven/onder. */
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .post > article > .actions.status-engagement-bar,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .post > article > div.actions.status-engagement-bar {
    background: transparent !important;
    background-color: transparent !important;
    border-top: 1px solid #CCD7C7 !important;
    border-bottom: 1px solid #CCD7C7 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .post > article > .actions.status-engagement-bar:hover,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .post > article > .actions.status-engagement-bar:focus-within {
    background: transparent !important;
    background-color: transparent !important;
    border-top: 1px solid #CCD7C7 !important;
    border-bottom: 1px solid #CCD7C7 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .post > article > .actions.status-engagement-bar .status-respect-avatar {
    border-color: #fff !important;
}


/* 2026-09-26 — Prikbord: respect + reacties als aangesloten warm vlak, 1px wit ertussen. */
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .post > article > .actions.status-engagement-bar,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .post > article > div.actions.status-engagement-bar {
    box-sizing: border-box !important;
    width: calc(100% + 40px) !important;
    max-width: calc(100% + 40px) !important;
    margin: 16px -20px 0 !important;
    padding: 11px 20px !important;
    background: #FFF3E3 !important;
    background-color: #FFF3E3 !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .post > article > .actions.status-engagement-bar:hover,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .post > article > .actions.status-engagement-bar:focus-within {
    background: #FFF3E3 !important;
    background-color: #FFF3E3 !important;
    border: 0 !important;
    box-shadow: none !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .post > article > .status-comments.status-comments-facebook,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .post > article > .status-comments {
    box-sizing: border-box !important;
    width: calc(100% + 40px) !important;
    max-width: calc(100% + 40px) !important;
    margin: 1px -20px -20px !important;
    padding: 14px 20px 20px !important;
    background: #FFF3E3 !important;
    background-color: #FFF3E3 !important;
    border: 0 !important;
    border-radius: 0 0 10px 10px !important;
    outline: 0 !important;
    box-shadow: none !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment:hover,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment:focus-within {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment::before,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment::after {
    display: none !important;
    content: none !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-bubble,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-bubble-row > .status-comment-bubble,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-children .status-comment-bubble,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-bubble:hover,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-bubble:focus,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-bubble:focus-within {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    transition: none !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .post > article > .actions.status-engagement-bar .status-respect-avatar {
    border-color: #FFF3E3 !important;
}

@media (max-width: 620px) {
    html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .post > article > .actions.status-engagement-bar,
    html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .post > article > div.actions.status-engagement-bar {
        width: calc(100% + 28px) !important;
        max-width: calc(100% + 28px) !important;
        margin: 16px -14px 0 !important;
        padding: 10px 14px !important;
    }

    html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .post > article > .status-comments.status-comments-facebook,
    html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .post > article > .status-comments {
        width: calc(100% + 28px) !important;
        max-width: calc(100% + 28px) !important;
        margin: 1px -14px -14px !important;
        padding: 14px !important;
        border-radius: 0 0 10px 10px !important;
    }
}


/* 2026-09-26 — Prikbordreacties: warm buitenvlak, witte randloze tekstballon. */
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .post > article > .status-comments.status-comments-facebook {
    box-sizing: border-box !important;
    width: calc(100% + 40px) !important;
    max-width: calc(100% + 40px) !important;
    margin: 1px -20px -20px !important;
    padding: 20px !important;
    background: #FFF3E3 !important;
    border: 0 !important;
    border-radius: 0 0 10px 10px !important;
    box-shadow: none !important;
}
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-bubble,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-bubble:hover,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-bubble:focus-within {
    background: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
}
@media (max-width: 620px) {
    html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .post > article > .status-comments.status-comments-facebook {
        width: calc(100% + 28px) !important;
        max-width: calc(100% + 28px) !important;
        margin: 1px -14px -14px !important;
        padding: 20px 14px !important;
    }
}


/* ========================================================================
   2026-09-28 — prikbordreacties: oranje paginering + WYSIWYG zoals prikbordpopup
   ======================================================================== */

/* Reactiepaginering: tekst én doorlopende lijn in Snoeten-oranje. */
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comments-more,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comments-more-label,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .comment-children-toggle,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .comment-children-toggle .comment-children-label {
    color: #F19620 !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comments-more::before,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .comment-children-toggle::before {
    background: #F19620 !important;
}

/* Geen extra platen achter het reactieformulier. */
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-composer,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-composer-body,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-edit-box {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-composer {
    padding: 0 !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-composer-body {
    display: flex !important;
    min-width: 0 !important;
    flex-direction: column !important;
    gap: 0 !important;
    overflow: visible !important;
}

/* WYSIWYG-plaat overgenomen van 'Prikbordbericht plaatsen'. */
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-toolbar.profile-bio-editor-toolbar {
    position: relative !important;
    inset: auto !important;
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: #f2f2f2 !important;
    border: 0 !important;
    border-bottom: 1px solid #c7c7c7 !important;
    border-radius: 8px 8px 0 0 !important;
    box-shadow: none !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-toolbar[hidden],
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-composer:not(.is-editor-active) .status-comment-toolbar {
    display: none !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-toolbar .profile-bio-ribbon {
    box-sizing: border-box !important;
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 7px 10px 6px !important;
    align-items: flex-end !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
    overflow: visible !important;
    background: transparent !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-toolbar .profile-bio-ribbon-group {
    position: static !important;
    box-sizing: border-box !important;
    display: grid !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 10px !important;
    grid-template-rows: 32px 14px !important;
    grid-template-columns: minmax(0, auto) !important;
    align-items: center !important;
    justify-items: center !important;
    gap: 5px !important;
    background: transparent !important;
    border: 0 !important;
    border-right: 1px solid #cfcfcf !important;
    box-shadow: none !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-toolbar .profile-bio-ribbon-group:first-child {
    padding-left: 0 !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-toolbar .profile-bio-ribbon-group:last-child {
    padding-right: 0 !important;
    border-right: 0 !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-toolbar .profile-bio-ribbon-buttons {
    box-sizing: border-box !important;
    display: flex !important;
    height: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    grid-row: 1 !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-toolbar .profile-bio-ribbon-label {
    position: static !important;
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    height: 14px !important;
    margin: 0 !important;
    padding: 1px 0 0 !important;
    grid-row: 2 !important;
    overflow: hidden !important;
    color: #555 !important;
    font: 600 10px/14px "Segoe UI", Arial, sans-serif !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    pointer-events: none !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-toolbar button.profile-bio-tool-button {
    -webkit-appearance: none !important;
    appearance: none !important;
    box-sizing: border-box !important;
    display: inline-grid !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 4px !important;
    place-items: center !important;
    color: #202020 !important;
    background: linear-gradient(#fff, #eeeeee) !important;
    border: 1px solid #aaa !important;
    border-radius: 4px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.8) !important;
    cursor: pointer !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-toolbar button.profile-bio-tool-button.is-wide {
    width: 36px !important;
    min-width: 36px !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-toolbar button.profile-bio-tool-button:hover,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-toolbar button.profile-bio-tool-button:focus-visible {
    background: #eaf4fc !important;
    border-color: #5b9bd5 !important;
    outline: 0 !important;
    box-shadow: 0 0 0 2px rgba(91,155,213,.16) !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-toolbar button.profile-bio-tool-button.is-active,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-toolbar button.profile-bio-tool-button[aria-pressed="true"],
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-toolbar button.profile-bio-tool-button[aria-expanded="true"] {
    background: #cfe8fb !important;
    border-color: #3c7fb1 !important;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.14) !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-toolbar .profile-bio-tool-icon {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    overflow: visible !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.9 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    pointer-events: none !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-toolbar .profile-bio-letter-icon {
    min-width: 19px !important;
    min-height: 19px !important;
    font-size: 17px !important;
    line-height: 19px !important;
}

/* Schrijfveld: wit, randloos, afgerond. */
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-editor,
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-edit-editor {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 72px !important;
    margin: 0 !important;
    padding: 12px 14px !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 0 8px 8px !important;
    outline: 0 !important;
    box-shadow: none !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-composer:not(.is-editor-active) .status-comment-editor {
    border-radius: 8px !important;
}

/* Plaat van de plaatsknop blijft staan; knop rechts uitgelijnd. */
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-submit-row {
    box-sizing: border-box !important;
    display: flex !important;
    width: 100% !important;
    margin: 8px 0 0 !important;
    padding: 8px 10px !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    background: #f0f0f0 !important;
    border: 0 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-submit-row .button {
    margin: 0 !important;
}

/* Emoji blijft boven de reactie-inhoud en niet onder omliggende platen. */
html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-emoji-tray {
    z-index: 12100 !important;
}

@media (max-width: 700px) {
    html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-toolbar .profile-bio-ribbon {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scrollbar-width: thin !important;
    }

    html body :is(#container.dashboard-page-shell, .notification-detail-dialog #notification-detail-dashboard.dashboard-page-shell) #overview-posts .status-comments.status-comments-facebook .status-comment-toolbar .profile-bio-ribbon-group {
        flex: 0 0 auto !important;
    }
}