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

/* Hoog-specifieke dashboard selectors zodat oudere inline comment-CSS niet kan winnen. */
#container.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;
}

#container.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 ===== */
#container.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;
}

#container.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 ===== */
#container.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;
}

#container.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;
}

#container.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;
}

#container.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. */
#container.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 #container.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: 1px solid #d7dce4 !important;
    border-radius: 7px !important;
    background: #eef0f3 !important;
}

html body #container.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,
#container.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: 1px solid #d7dce4 !important;
    border-radius: 7px !important;
    background: #eef0f3 !important;
    box-shadow: none !important;
}

#container.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;
}

#container.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;
}

#container.dashboard-page-shell #overview-posts .status-comments.status-comments-facebook .status-comment-message,
#container.dashboard-page-shell #overview-posts .status-comments.status-comments-facebook .status-comment-message p,
#container.dashboard-page-shell #overview-posts .status-comments.status-comments-facebook .status-comment-message span,
#container.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;
}

#container.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;
}

#container.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 #container.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 #container.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 #container.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 #container.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 #container.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 #container.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 #container.dashboard-page-shell #overview-posts .status-comments.status-comments-facebook .status-comment-composer-avatar,
html body #container.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 #container.dashboard-page-shell #overview-posts .status-comments.status-comments-facebook .status-comment-composer-avatar,
html body #container.dashboard-page-shell #overview-posts .status-comments.status-comments-facebook > .status-comment-composer .status-comment-composer-avatar,
html body #container.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 #container.dashboard-page-shell #overview-posts .status-comments.status-comments-facebook .status-comment-composer-avatar img,
html body #container.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 #container.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 #container.dashboard-page-shell #overview-posts .status-comments.status-comments-facebook .status-comment-message,
html body #container.dashboard-page-shell #overview-posts .status-comments.status-comments-facebook .status-comment-message p,
html body #container.dashboard-page-shell #overview-posts .status-comments.status-comments-facebook .status-comment-message span,
html body #container.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 #container.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 #container.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 #container.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 #container.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 #container.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 #container.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 #container.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 #container.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 #container.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 #container.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 #container.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 #container.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 #container.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 #container.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 #container.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 #container.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 ===== */
#container.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;
}

#container.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,
#container.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,
#container.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 #container.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 #container.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 #container.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 #container.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 #container.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 #container.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 #container.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 #container.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 #container.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 #container.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 #container.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 ===== */
#container.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;
}

#container.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,
#container.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,
#container.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. */
#container.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;
}

#container.dashboard-page-shell #overview-posts .status-comments.status-comments-facebook .status-comment-message,
#container.dashboard-page-shell #overview-posts .status-comments.status-comments-facebook .status-comment-message p,
#container.dashboard-page-shell #overview-posts .status-comments.status-comments-facebook .status-comment-message span,
#container.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. */
#container.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;
}

#container.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 */
#container.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;
}
#container.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,
#container.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;
}
#container.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;
}
#container.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 #container.dashboard-page-shell #overview-posts .status-comments.status-comments-facebook .status-comment-threaded .status-comment-meta .comment-respect,
html body #container.dashboard-page-shell #overview-posts .status-comments.status-comments-facebook .status-comment-threaded .status-comment-meta .comment-respect:hover,
html body #container.dashboard-page-shell #overview-posts .status-comments.status-comments-facebook .status-comment-threaded .status-comment-meta .comment-respect:active,
html body #container.dashboard-page-shell #overview-posts .status-comments.status-comments-facebook .status-comment-threaded .status-comment-meta .comment-respect:focus,
html body #container.dashboard-page-shell #overview-posts .status-comments.status-comments-facebook .status-comment-threaded .status-comment-meta .comment-respect:focus-visible,
html body #container.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;
}

#container.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;
}

#container.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;
}

#container.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 #container.dashboard-page-shell #overview-posts .status-comments.status-comments-facebook .status-comment-avatar-link,
html body #container.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: auto !important;
    min-height: 0 !important;
    align-self: flex-start !important;
    border-radius: 4px !important;
    overflow: hidden !important;
}

html body #container.dashboard-page-shell #overview-posts .status-comments.status-comments-facebook .status-comment-avatar,
html body #container.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: 38px !important;
    max-width: 38px !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    border-radius: 4px !important;
}

/* Reageerplaat: rustiger vlak met duidelijk invoerveld, zonder zware schaduw. */
#container.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: 1px solid #e0e5eb !important;
    border-radius: 10px !important;
    background: #f6f7f9 !important;
    box-shadow: none !important;
}

#container.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. */
#container.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. */
#container.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;
}

#container.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. */
#container.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
   ======================================================================== */
#container.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;
}

#container.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;
}

/* ========================================================================
   r1180 — hoofdreactie-toggle echt over de volle reactieregel + rand reactieplaat
   ======================================================================== */

/* De toggle van een hoofdreactie stond technisch 100% breed, maar alleen binnen
   de tekstkolom ná de 38px avatar. Trek hem over avatar + tussenruimte heen zodat
   de scheidingslijn visueel de volledige reactieregel gebruikt. */
#container.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: calc(100% + 47px) !important;
    min-width: calc(100% + 47px) !important;
    max-width: none !important;
    margin: 8px 0 2px -47px !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;
}

#container.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: #cfd5dc !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
}

#container.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: #eef0f3 !important;
    text-align: center !important;
}

/* Subtiel randje rond de witte plaat met naam/datum/reactietekst. */
#container.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) {
    #container.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 staan als compacte groep in de rechterhelft. Hierdoor blijft het
   verschil met een hoofdreactie duidelijk zonder dat de reactie tegen de rand hangt. */
.status-comments.status-comments-facebook .status-comment-children > .status-comment.status-comment-threaded {
    width: 50% !important;
    max-width: 50% !important;
    min-width: 360px !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-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.8 !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;
    }
}

@media (max-width: 820px) {
    .status-comments.status-comments-facebook .status-comment-children > .status-comment.status-comment-threaded {
        width: 72% !important;
        max-width: 72% !important;
        min-width: 0 !important;
    }
}

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


/* ========================================================================
   r1202 — subreacties starten op 50% links, zonder extra inspringlagen
   ======================================================================== */

/* Alleen de eerste antwoordlaag begint halverwege de hoofdreactie. */
.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: 50% !important;
    max-width: 50% !important;
    min-width: 0 !important;
    margin-left: 50% !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 is exact 50% te krap om leesbaar te typen/lezen. */
    .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: 82% !important;
        max-width: 82% !important;
        margin-left: 18% !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;
}