/* Shieldy welcome/farewell preview polish r30
   UI only: aligns full-width cards after modal-preview conversion and polishes
   the mirrored preview inside the modal. No network or save logic changes. */

/* Main workspace after removing the permanent right preview column. */
body[data-account-page="bots"] #sh-interaction-view-welcome :is(#shieldy-welcome-form,#shieldy-farewell-form) .welcome-event-card{
  width:100%!important;
}
body[data-account-page="bots"] #sh-interaction-view-welcome :is(#shieldy-welcome-form,#shieldy-farewell-form) .welcome-event-workspace{
  display:grid!important;
  gap:14px!important;
}
body[data-account-page="bots"] #sh-interaction-view-welcome :is(#shieldy-welcome-form,#shieldy-farewell-form) .welcome-subsection{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
body[data-account-page="bots"] #sh-interaction-view-welcome :is(#shieldy-welcome-form,#shieldy-farewell-form) .welcome-subsection + .welcome-subsection{
  margin-top:0!important;
}
body[data-account-page="bots"] #sh-interaction-view-welcome :is(#shieldy-welcome-form,#shieldy-farewell-form) .card-title,
body[data-account-page="bots"] #sh-interaction-view-welcome :is(#shieldy-welcome-form,#shieldy-farewell-form) .welcome-section-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
}
body[data-account-page="bots"] #sh-interaction-view-welcome :is(#shieldy-welcome-form,#shieldy-farewell-form) .card-title > :first-child,
body[data-account-page="bots"] #sh-interaction-view-welcome :is(#shieldy-welcome-form,#shieldy-farewell-form) .welcome-section-head > :first-child{
  min-width:0!important;
  flex:1 1 auto!important;
}
body[data-account-page="bots"] #sh-interaction-view-welcome :is(#shieldy-welcome-form,#shieldy-farewell-form) :is(.free-feature-badge,.premium-feature-badge){
  flex:0 0 auto!important;
  margin-left:auto!important;
}
body[data-account-page="bots"] #sh-interaction-view-welcome :is(#shieldy-welcome-form,#shieldy-farewell-form) .welcome-channel-grid,
body[data-account-page="bots"] #sh-interaction-view-welcome :is(#shieldy-welcome-form,#shieldy-farewell-form) .welcome-channel-card .console-fields{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(280px, .95fr)!important;
  gap:16px!important;
  align-items:stretch!important;
}
body[data-account-page="bots"] #sh-interaction-view-welcome :is(#shieldy-welcome-form,#shieldy-farewell-form) .welcome-channel-grid > .field,
body[data-account-page="bots"] #sh-interaction-view-welcome :is(#shieldy-welcome-form,#shieldy-farewell-form) .welcome-channel-grid > .toggle-row,
body[data-account-page="bots"] #sh-interaction-view-welcome :is(#shieldy-welcome-form,#shieldy-farewell-form) .welcome-channel-card .console-fields > .field,
body[data-account-page="bots"] #sh-interaction-view-welcome :is(#shieldy-welcome-form,#shieldy-farewell-form) .welcome-channel-card .console-fields > .toggle-row{
  min-width:0!important;
  align-self:stretch!important;
}
body[data-account-page="bots"] #sh-interaction-view-welcome :is(#shieldy-welcome-form,#shieldy-farewell-form) .welcome-mention-row,
body[data-account-page="bots"] #sh-interaction-view-welcome :is(#shieldy-welcome-form,#shieldy-farewell-form) .toggle-row.compact-toggle{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  min-height:56px!important;
  height:100%!important;
  padding:14px 16px!important;
  border-radius:12px!important;
}
body[data-account-page="bots"] #sh-interaction-view-welcome :is(#shieldy-welcome-form,#shieldy-farewell-form) .welcome-mention-row > span:first-child,
body[data-account-page="bots"] #sh-interaction-view-welcome :is(#shieldy-welcome-form,#shieldy-farewell-form) .toggle-row.compact-toggle > span:first-child{
  min-width:0!important;
  flex:1 1 auto!important;
}
body[data-account-page="bots"] #sh-interaction-view-welcome :is(#shieldy-welcome-form,#shieldy-farewell-form) .welcome-mention-row .welcome-toggle-slot,
body[data-account-page="bots"] #sh-interaction-view-welcome :is(#shieldy-welcome-form,#shieldy-farewell-form) .toggle-row.compact-toggle .welcome-toggle-slot{
  margin-left:auto!important;
  flex:0 0 auto!important;
}

/* Modal preview mirror clean-up. */
body[data-account-page="bots"] #sh-interaction-view-welcome .jj-welcome-preview-stage-r29{
  padding:18px!important;
}
body[data-account-page="bots"] #sh-interaction-view-welcome .jj-welcome-preview-stage-r29 .jj-welcome-preview-mirror-r29,
body[data-account-page="bots"] #sh-interaction-view-welcome .jj-welcome-preview-stage-r29 .shieldy-direct-message-preview-b53abbb03{
  display:grid!important;
  gap:14px!important;
  width:100%!important;
  max-width:640px!important;
  margin:0 auto!important;
}
body[data-account-page="bots"] #sh-interaction-view-welcome .jj-welcome-preview-stage-r29 .welcome-preview-message-stack{
  display:grid!important;
  gap:12px!important;
  align-items:start!important;
  justify-items:start!important;
}
body[data-account-page="bots"] #sh-interaction-view-welcome .jj-welcome-preview-stage-r29 .welcome-v754-message-count,
body[data-account-page="bots"] #sh-interaction-view-welcome .jj-welcome-preview-stage-r29 [data-preview-v754-message-count]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:start!important;
  width:auto!important;
  min-width:0!important;
  max-width:max-content!important;
  margin:0 0 10px!important;
  padding:7px 12px!important;
  border:1px solid rgba(101,109,118,.45)!important;
  border-radius:999px!important;
  background:var(--account-surface,#fff)!important;
  color:var(--account-muted,#656d76)!important;
  font-size:12px!important;
  font-weight:750!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
body[data-account-page="bots"] #sh-interaction-view-welcome .jj-welcome-preview-stage-r29 .shieldy-lolka-message{
  width:100%!important;
  max-width:100%!important;
}
body[data-account-page="bots"] #sh-interaction-view-welcome .jj-welcome-preview-stage-r29 .welcome-preview-message-block{
  margin:0!important;
}
body[data-account-page="bots"] #sh-interaction-view-welcome .jj-welcome-preview-stage-r29 .shieldy-direct-message-preview-b53abbb03 .shieldy-welcome-image-card{
  margin-top:0!important;
}

html[data-theme="dark"] body[data-account-page="bots"] #sh-interaction-view-welcome .jj-welcome-preview-stage-r29 .welcome-v754-message-count,
html[data-theme="dark"] body[data-account-page="bots"] #sh-interaction-view-welcome .jj-welcome-preview-stage-r29 [data-preview-v754-message-count]{
  background:rgba(22,27,34,.92)!important;
  border-color:rgba(139,148,158,.4)!important;
  color:#c9d1d9!important;
}

@media (max-width: 980px){
  body[data-account-page="bots"] #sh-interaction-view-welcome :is(#shieldy-welcome-form,#shieldy-farewell-form) .welcome-channel-grid,
  body[data-account-page="bots"] #sh-interaction-view-welcome :is(#shieldy-welcome-form,#shieldy-farewell-form) .welcome-channel-card .console-fields{
    grid-template-columns:minmax(0,1fr)!important;
  }
}
@media (max-width: 720px){
  body[data-account-page="bots"] #sh-interaction-view-welcome .jj-welcome-preview-stage-r29{
    padding:14px!important;
  }
  body[data-account-page="bots"] #sh-interaction-view-welcome .jj-welcome-preview-stage-r29 .jj-welcome-preview-mirror-r29,
  body[data-account-page="bots"] #sh-interaction-view-welcome .jj-welcome-preview-stage-r29 .shieldy-direct-message-preview-b53abbb03{
    max-width:100%!important;
  }
}