/* FDS extension: selected-showcase joining preview. */
.ss-run-join { max-width: 1100px; }
.ss-run-join-controls { display:flex; flex-wrap:wrap; gap:var(--fds-space-4); align-items:end; }
.ss-run-join-controls .ss-field { flex:1; min-width:180px; }
.ss-run-join-plan { margin-block:var(--fds-space-4); background:var(--fds-bg-muted); border-radius:var(--fds-radius-md); }
.ss-run-join-plan svg { display:block; width:100%; max-height:440px; }
.ss-run-join-table { overflow:auto; margin-block:var(--fds-space-3); }
.ss-run-join-table table { width:100%; border-collapse:collapse; font-size:13px; }
.ss-run-join-table th,.ss-run-join-table td { padding:8px; border-bottom:1px solid var(--fds-border); text-align:start; }
.ss-run-join-actions { display:flex; justify-content:flex-end; gap:var(--fds-space-2); position:sticky; bottom:-20px; padding-block:12px; background:var(--fds-bg-panel); }
.ss-run-join :is(p,li,th) { overflow-wrap:anywhere; }
@media (max-width:600px) { .ss-run-join-controls { display:grid; } .ss-run-join-actions { bottom:-12px; } }

/* Stack explanatory text and issue lists inside preview alerts. */
.ss-run-join .ss-notice { display: block; overflow-wrap: anywhere; }