/* Replies are a local task: fixed header/footer own layout space; the main surface owns discussion scrolling. */
.replies.reply-discussion{max-width:800px;margin:10px auto;min-width:0}
.reply-discussion-heading,.reply-thread-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.reply-discussion-heading h2,.reply-thread-heading h2{margin:0!important}
.reply-thread-navigation{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:6px}
.reply-thread-navigation a,.reply-thread-close{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--ifx-color-action)}
.reply-card{padding:10px;margin-bottom:8px;border:1px solid var(--ifx-color-border);border-radius:var(--ifx-radius-panel);background:var(--ifx-color-surface);min-width:0;overflow-wrap:anywhere}
.reply-card--parent{border-color:var(--ifx-color-border-strong);background:var(--ifx-color-surface-muted)}
.reply-card:target{outline:var(--ifx-focus-ring);outline-offset:2px}
.reply-card .post-meta{align-items:center;gap:6px 12px;margin:0}.reply-card .post-meta strong{min-width:0;max-width:100%;overflow-wrap:anywhere}
.reply-card .post-body{margin:8px 0;padding:10px 12px;border:1px solid var(--ifx-color-border);border-radius:var(--ifx-radius-control);background:var(--ifx-color-surface-muted);line-height:1.65}
.reply-card--parent .post-body{background:var(--ifx-color-surface)}
.reply-card .reply-actions{display:flex;align-items:center;gap:4px 10px;flex-wrap:wrap;margin-top:4px}
.reply-actions .post-reactions{margin:0;padding:0;border:0;gap:8px;flex:0 1 auto}
.reply-action-link{display:inline-flex;align-items:center;gap:5px;min-height:44px;padding:0 4px;text-decoration:none;color:var(--ifx-color-action)}
.reply-action-link span{white-space:nowrap}
.reply-action-link:hover{text-decoration:underline}.reply-actions .post-reaction-feedback:empty{display:none}
.reply-card .reply-maintenance{margin-top:4px}.reply-maintenance summary{min-height:40px;display:list-item;line-height:1.5}
.reply-parent-preview{margin-bottom:10px;padding:8px 10px;border-left:3px solid var(--ifx-color-border-strong);background:var(--ifx-color-surface-muted);color:var(--ifx-color-text-muted)}
.reply-parent-preview a{display:block;min-width:0;color:inherit;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.reply-parent-preview .reply-preview-body{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}
.reply-deleted{color:var(--ifx-color-text-muted)}
.reply-card svg,.reply-thread-navigation svg,.reply-thread-close svg,.reply-composer svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.reply-action-link:focus-visible,.reply-thread-navigation a:focus-visible,.reply-thread-close:focus-visible,.reply-composer :focus-visible{outline:var(--ifx-focus-ring);outline-offset:2px}
.reply-composer{flex:none;width:100%;box-sizing:border-box;border-top:1px solid var(--ifx-color-border-strong);background:var(--ifx-color-surface);padding:2px 6px calc(4px + env(safe-area-inset-bottom));z-index:100;min-width:0}
.reply-composer .reply-form{max-width:800px;margin:0 auto;min-width:0}
.reply-editor{display:flex;flex-direction:column;max-height:min(360px,50dvh);min-width:0;box-sizing:border-box;border:1px solid var(--ifx-color-border);border-radius:var(--ifx-radius-panel);padding:6px;background:var(--ifx-color-surface-muted)}
.reply-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;min-height:var(--community-tool-height,36px);margin-bottom:2px}
.reply-editor-heading label{margin:0;font-weight:650;min-width:0;flex:none;overflow-wrap:anywhere}
.reply-editor-tools{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:2px;min-width:0}.reply-editor-tools [data-draft-clear-slot]{display:flex;min-width:0}
.reply-composer button{font:inherit;text-transform:none;min-height:var(--community-tool-height,36px);box-sizing:border-box;cursor:pointer;border:1px solid var(--ifx-color-control-border);border-radius:var(--ifx-radius-control);background:var(--ifx-color-action);color:var(--ifx-color-on-brand);padding:6px 12px}
.reply-composer .reply-icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:6px;background:transparent;color:var(--ifx-color-action);border-color:transparent}
.reply-editor-tools [data-draft-clear-slot] button{background:transparent;color:var(--ifx-color-action);border-color:transparent;padding:6px 8px;white-space:normal;max-width:180px;width:100%}
.reply-composer-body{min-width:0;min-height:0;overflow:auto;overscroll-behavior-y:contain}
.reply-composer textarea{box-sizing:border-box;width:100%;height:clamp(72px,15dvh,132px);min-height:72px;max-height:24dvh;resize:vertical;margin:0}
.reply-composer .community-field{margin-bottom:0!important;min-width:0;max-width:100%;box-sizing:border-box}
.reply-target{margin:0 0 6px!important;color:var(--ifx-color-text-muted);overflow-wrap:anywhere}
.reply-local-drafts{margin-top:4px}.reply-local-drafts summary{min-height:36px;display:list-item;line-height:1.5;color:var(--ifx-color-text-muted)}
.reply-local-drafts .draft-status{padding:0;margin:4px 0!important}.reply-local-drafts .draft-actions{margin:4px 0}.reply-local-drafts .draft-actions select{min-width:0;max-width:100%}
.reply-composer .translation-option p{margin:4px 0!important;color:var(--ifx-color-text-muted)}
.reply-editor-actions{display:flex;align-items:center;justify-content:flex-end;flex:none;min-height:var(--community-tool-height,36px);margin-top:4px}
.reply-editor-actions button,.reply-composer-collapsed button{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.reply-composer-collapsed{max-width:800px;margin:0 auto;display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap}
.reply-composer-collapsed button{flex:1;justify-content:flex-start;background:var(--ifx-color-surface-muted);color:var(--ifx-color-text-muted)}
.reply-composer-collapsed .error{flex-basis:100%;margin:0!important}
.reply-composer-blocked{max-width:800px;margin:auto;display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap}.reply-composer-blocked p{margin:0!important;flex:1;min-width:0}.reply-composer-blocked p:empty{display:none}.reply-composer-blocked a{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:420px){.reply-card{padding:10px}.reply-card .post-body{padding:8px 10px}.reply-actions{gap:4px 8px!important}.reply-composer{padding-inline:6px}.reply-editor-tools [data-draft-clear-slot] button{padding-inline:4px}.reply-editor-heading{gap:4px}}
@media print{.reply-composer{display:none}.reply-card{break-inside:avoid}.reply-actions,.reply-maintenance{display:none}}

/* The post actions live above every composer mode, outside POST forms and discussion scrolling. */
.reply-post-actions{max-width:800px;margin:0 auto;display:flex;align-items:center;justify-content:flex-end;gap:2px 8px;flex-wrap:wrap;min-width:0}
.reply-post-actions .post-reactions{padding:0;margin:0;border:0;gap:2px;flex:0 1 auto}
.reply-post-actions .post-reactions form{margin:0}
.reply-post-actions .post-reaction-button,.reply-post-actions .post-share-trigger{display:inline-flex;align-items:center;gap:4px;min-height:var(--community-tool-height,36px);padding:2px 6px;background:transparent;color:var(--ifx-color-action);border-color:transparent;font:inherit}
.reply-post-actions .post-reaction-button[aria-pressed="true"]{background:var(--ifx-color-surface-muted);border-color:var(--ifx-color-border-strong)}
.reply-post-actions .post-reaction-feedback:empty{display:none}
.reply-post-actions .reply-action-link{min-height:var(--community-tool-height,36px);padding:2px 6px;gap:4px}
.reply-post-actions .post-share-menu{left:auto;right:0;top:auto;bottom:calc(100% + 4px)}
.reply-composer .facebook-glyph{fill:currentColor;stroke:none}
.reply-target-quote{margin:0 0 6px;padding:6px 10px;border-left:3px solid var(--ifx-color-border-strong);background:var(--ifx-color-surface);max-height:88px;overflow:auto;overscroll-behavior:contain;font-size:inherit}
.reply-target-quote div{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45}
.reply-target-quote strong{display:block;line-height:1.4}
.reply-editor-tools .reply-save,.reply-editor-tools .reply-reset{min-height:var(--community-tool-height,36px);padding:4px 8px}
.reply-reset{display:inline-flex;align-items:center;color:var(--ifx-color-action);text-decoration:none}
.reply-editor-tools [data-draft-clear-slot] button{max-width:none;white-space:nowrap;min-height:var(--community-tool-height,36px)}
.reply-delete-confirm,.reply-more-actions{position:relative}
.reply-delete-confirm summary,.reply-more-actions summary{display:flex;align-items:center;justify-content:center;min-height:var(--community-tool-height,36px);padding:0 6px;cursor:pointer;color:var(--ifx-color-action);list-style:none}
.reply-delete-confirm summary::-webkit-details-marker,.reply-more-actions summary::-webkit-details-marker{display:none}
.reply-delete-confirm>div,.reply-more-actions>div{position:absolute;right:0;bottom:calc(100% + 4px);z-index:110;padding:6px;min-width:max-content;border:1px solid var(--ifx-color-border-strong);border-radius:var(--ifx-radius-control);background:var(--ifx-color-surface);box-shadow:0 4px 12px #0002}
.reply-delete-confirm:not([open])>div,.reply-more-actions:not([open])>div{display:none}
.reply-composer [data-draft-actions]{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-top:4px}
.reply-composer [data-draft-status]{margin:4px 0!important}
.reply-editor-tools .reply-icon-button{min-width:36px;min-height:var(--community-tool-height,36px);padding:4px}
.reply-composer [hidden]{display:none!important}
@media(max-width:420px){.reply-editor-heading{align-items:flex-start}.reply-editor-heading label{padding-top:10px}.reply-editor-tools{gap:0}.reply-editor-tools .reply-save,.reply-editor-tools .reply-reset{padding-inline:5px}.reply-delete-confirm summary,.reply-more-actions summary{padding-inline:5px}.reply-post-actions{gap:2px 4px}}
@media(max-height:440px){.reply-composer{padding-block:4px}.reply-post-actions{margin-bottom:0}.reply-editor{max-height:55dvh}.reply-editor-heading{margin-bottom:0}.reply-target-quote{max-height:44px}.reply-composer textarea{height:64px;min-height:44px}.reply-editor-actions{margin-top:2px}}

.reply-more-actions>div{display:flex;flex-direction:column;align-items:stretch;max-width:calc(100vw - 32px);min-width:160px}
.reply-more-actions>div a,.reply-more-actions>div button{min-height:40px;padding:4px 8px;background:transparent;color:var(--ifx-color-action);border-color:transparent;font:inherit;text-align:left;white-space:normal}
.reply-target-quote .reply-quote-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.reply-quote-heading .reply-reset{min-height:32px;min-width:32px;justify-content:center;padding:0}
.reply-composer-collapsed button{min-width:0}.reply-composer-collapsed button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reply-actions .reply-edit-link{margin-inline-start:auto}

/* Remove container overhead; keep typography and the writing surface spacious. */
.reply-post-actions .post-share{margin:0}
.reply-post-actions :is(.post-reaction-button,.post-share-trigger,.reply-action-link){box-sizing:border-box;line-height:1.35;min-width:36px}
.reply-editor-tools :is(button,a,summary){line-height:1.35}
body:has([data-community-reply-composer]) .app-scroll .page{padding:6px 6px 10px}
body:has([data-community-reply-composer]) .detail{padding:12px}
body:has([data-community-reply-composer]) .post-detail-heading{margin-bottom:6px}
body:has([data-community-reply-composer]) .post-detail-heading h1{margin:0!important}
body:has([data-community-reply-composer]) .detail>.post-meta{margin-top:0;gap:4px 10px}
body:has([data-community-reply-composer]) .detail>.post-body{margin-top:12px;line-height:1.75}
[data-ifx-application-layout] main .reply-actions .post-reaction-button,.reply-actions .reply-action-link,.reply-thread-navigation a{min-height:var(--community-tool-height,36px);padding-block:2px}
