/* Shieldy Own Messages — consolidated layout audit v391.
   Loaded after assets/css/account.css to replace all legacy V380–V390 geometry overrides. */

#sh-interaction-view-messages{
  width:100%!important;
  min-width:0!important;
}
#sh-interaction-view-messages *{box-sizing:border-box}
#sh-interaction-view-messages .sh-interaction-section-heading{
  margin-bottom:14px!important;
}
#sh-interaction-view-messages .sh-interaction-section-heading h3{
  margin:0 0 4px!important;
  font:900 18px/1.3 Nunito,sans-serif!important;
}
#sh-interaction-view-messages .sh-interaction-section-heading p{
  margin:0!important;
  font:700 13px/1.45 Nunito,sans-serif!important;
  color:var(--account-muted)!important;
}

/* The editor and preview are real full-width rows. */
#sh-interaction-view-messages .custom-message-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:16px!important;
  width:100%!important;
  min-width:0!important;
  align-items:start!important;
}
#sh-interaction-view-messages .custom-message-editor-column,
#sh-interaction-view-messages .custom-message-preview-column{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  grid-column:1!important;
}
#sh-interaction-view-messages .custom-message-preview-column{
  position:static!important;
  top:auto!important;
  max-height:none!important;
  overflow:visible!important;
  margin:0!important;
  padding:18px!important;
}
#sh-interaction-view-messages .custom-message-layout.is-preview-collapsed .custom-message-preview-column{
  display:none!important;
}

/* One vertical rhythm for the complete workspace. */
#sh-interaction-view-messages .custom-message-workspace-card{
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:20px!important;
  border-radius:16px!important;
}
#sh-interaction-view-messages .custom-message-workspace-card>*{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
}
#sh-interaction-view-messages .custom-message-workspace-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:0 0 14px!important;
  border-bottom:1px solid var(--account-border)!important;
}
#sh-interaction-view-messages .custom-message-workspace-head>div{
  display:grid!important;
  gap:4px!important;
  min-width:0!important;
}
#sh-interaction-view-messages .custom-message-workspace-head h3{
  margin:0!important;
  font:900 18px/1.3 Nunito,sans-serif!important;
}
#sh-interaction-view-messages .custom-message-workspace-head p{
  margin:0!important;
  color:var(--account-muted)!important;
  font:700 12px/1.45 Nunito,sans-serif!important;
}
#sh-interaction-view-messages .custom-message-workspace-status{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  min-height:30px!important;
  padding:6px 10px!important;
  border:1px solid var(--account-border)!important;
  border-radius:999px!important;
  background:var(--account-surface-soft)!important;
  color:var(--account-muted)!important;
  font:900 11px/1 Nunito,sans-serif!important;
  white-space:nowrap!important;
}

/* All major rows use the same card geometry. */
#sh-interaction-view-messages :is(
  .custom-message-library-panel,
  .custom-channel-inline-settings,
  .custom-format-toggle,
  #custom-message-embed-options,
  .shieldy-delivery-disclosure
){
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:16px!important;
  border:1px solid var(--account-border)!important;
  border-radius:14px!important;
  background:var(--account-surface-soft)!important;
  box-shadow:none!important;
}
/* Remove duplicated internal labels: each section has one clear heading. */
#sh-interaction-view-messages .shieldy-step-channel>.shieldy-step-heading,
#sh-interaction-view-messages .shieldy-step-sequence>.shieldy-step-heading{
  display:none!important;
}

/* Common typography. */
#sh-interaction-view-messages :is(.custom-channel-config-head,.custom-sequence-head,.custom-channel-inline-title,.custom-editor-heading,.custom-element-picker-head)>div,
#sh-interaction-view-messages .custom-channel-inline-title,
#sh-interaction-view-messages .custom-element-picker-head{
  min-width:0!important;
}
#sh-interaction-view-messages :is(.custom-channel-config-head,.custom-sequence-head,.custom-channel-inline-title,.custom-element-picker-head) strong,
#sh-interaction-view-messages .custom-editor-heading strong{
  margin:0!important;
  color:var(--account-text)!important;
  font:900 14px/1.3 Nunito,sans-serif!important;
}
#sh-interaction-view-messages :is(.custom-channel-config-head,.custom-sequence-head,.custom-channel-inline-title,.custom-element-picker-head) small,
#sh-interaction-view-messages .custom-editor-heading small{
  display:block!important;
  margin:3px 0 0!important;
  color:var(--account-muted)!important;
  font:700 11px/1.42 Nunito,sans-serif!important;
}

/* Channels. */
#sh-interaction-view-messages .custom-channel-config-head,
#sh-interaction-view-messages .custom-sequence-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin:0 0 12px!important;
}
#sh-interaction-view-messages .custom-channel-config-head>div,
#sh-interaction-view-messages .custom-sequence-head>div:first-child{
  display:grid!important;
  gap:2px!important;
  min-width:0!important;
}
#sh-interaction-view-messages .custom-channel-config-head button,
#sh-interaction-view-messages .custom-sequence-head-actions button{
  width:auto!important;
  min-width:158px!important;
  min-height:40px!important;
  padding:8px 14px!important;
  flex:0 0 auto!important;
}
#sh-interaction-view-messages .custom-channel-config-list{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
}
#sh-interaction-view-messages .custom-channel-config-item{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 36px!important;
  gap:8px!important;
  align-items:stretch!important;
  min-width:0!important;
  min-height:82px!important;
  padding:8px!important;
  border:1px solid var(--account-border)!important;
  border-radius:12px!important;
  background:var(--account-surface)!important;
}
#sh-interaction-view-messages .custom-channel-config-item.is-active{
  border-color:#2da44e!important;
  background:color-mix(in srgb,#2da44e 7%,var(--account-surface))!important;
  box-shadow:0 0 0 2px color-mix(in srgb,#2da44e 11%,transparent)!important;
}
#sh-interaction-view-messages .custom-channel-config-select{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) auto!important;
  grid-template-rows:1fr!important;
  gap:10px!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:64px!important;
  margin:0!important;
  padding:4px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:inherit!important;
  text-align:left!important;
}
#sh-interaction-view-messages .custom-channel-config-icon{
  display:grid!important;
  place-items:center!important;
  grid-column:1!important;
  width:38px!important;
  height:38px!important;
  margin:0!important;
  border-radius:10px!important;
  background:var(--account-surface-soft)!important;
  color:#2da44e!important;
  font:900 14px/1 Nunito,sans-serif!important;
}
#sh-interaction-view-messages .custom-channel-config-copy{
  display:grid!important;
  grid-column:2!important;
  gap:2px!important;
  min-width:0!important;
}
#sh-interaction-view-messages .custom-channel-config-copy strong{
  overflow:hidden!important;
  color:var(--account-text)!important;
  font:900 13px/1.25 Nunito,sans-serif!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#sh-interaction-view-messages .custom-channel-config-copy small,
#sh-interaction-view-messages .custom-channel-config-copy em{
  overflow:hidden!important;
  margin:0!important;
  color:var(--account-muted)!important;
  font:700 10px/1.25 Nunito,sans-serif!important;
  font-style:normal!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#sh-interaction-view-messages .custom-channel-config-state{
  grid-column:3!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:24px!important;
  padding:4px 7px!important;
  border-radius:999px!important;
  color:#1a8f43!important;
  font:900 9px/1 Nunito,sans-serif!important;
  white-space:nowrap!important;
}
#sh-interaction-view-messages .custom-channel-config-state:empty{display:none!important}
#sh-interaction-view-messages .custom-channel-config-delete{
  align-self:center!important;
  width:36px!important;
  min-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  margin:0!important;
  padding:0!important;
  border-radius:10px!important;
}

/* Channel parameters. */
#sh-interaction-view-messages .custom-channel-inline-title{
  display:grid!important;
  gap:2px!important;
  margin:0 0 12px!important;
}
#sh-interaction-view-messages .custom-channel-inline-settings .shieldy-advanced-body{
  display:grid!important;
  grid-template-columns:minmax(220px,.65fr) minmax(320px,1.35fr)!important;
  gap:12px!important;
  align-items:start!important;
  padding:0!important;
}
#sh-interaction-view-messages .field{
  display:grid!important;
  gap:6px!important;
  min-width:0!important;
  margin:0!important;
}
#sh-interaction-view-messages .field label{
  margin:0!important;
  color:var(--account-text)!important;
  font:900 12px/1.3 Nunito,sans-serif!important;
}
#sh-interaction-view-messages .field small,
#sh-interaction-view-messages .field-hint{
  margin:0!important;
  color:var(--account-muted)!important;
  font:700 10px/1.35 Nunito,sans-serif!important;
}
#sh-interaction-view-messages :is(input:not([type="checkbox"]):not([type="color"]),select,textarea){
  width:100%!important;
  min-width:0!important;
  min-height:46px!important;
  border-radius:10px!important;
  font:700 14px/1.4 Nunito,sans-serif!important;
}

/* Message sequence. */
#sh-interaction-view-messages .custom-sequence-head-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex:0 0 auto!important;
}
#sh-interaction-view-messages .custom-message-limit{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:6px 10px!important;
  border:1px solid var(--account-border)!important;
  border-radius:999px!important;
  background:var(--account-surface)!important;
  color:var(--account-muted)!important;
  font:900 10px/1 Nunito,sans-serif!important;
  white-space:nowrap!important;
}
#sh-interaction-view-messages .custom-sequence-list{
  display:grid!important;
  gap:8px!important;
  width:100%!important;
}
#sh-interaction-view-messages .custom-sequence-item{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:stretch!important;
  width:100%!important;
  min-width:0!important;
  min-height:62px!important;
  padding:8px!important;
  border:1px solid var(--account-border)!important;
  border-radius:12px!important;
  background:var(--account-surface)!important;
}
#sh-interaction-view-messages .custom-sequence-item.is-active{
  border-color:#2da44e!important;
  background:color-mix(in srgb,#2da44e 7%,var(--account-surface))!important;
}
#sh-interaction-view-messages .custom-sequence-select{
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:46px!important;
  margin:0!important;
  padding:2px 4px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:inherit!important;
  text-align:left!important;
}
#sh-interaction-view-messages .custom-sequence-index{
  display:grid!important;
  place-items:center!important;
  width:32px!important;
  height:32px!important;
  border-radius:9px!important;
  background:var(--account-surface-soft)!important;
  color:var(--account-accent)!important;
  font:900 11px/1 Nunito,sans-serif!important;
}
#sh-interaction-view-messages .custom-sequence-copy{
  display:grid!important;
  gap:2px!important;
  min-width:0!important;
}
#sh-interaction-view-messages .custom-sequence-copy strong{
  color:var(--account-text)!important;
  font:900 13px/1.25 Nunito,sans-serif!important;
}
#sh-interaction-view-messages .custom-sequence-copy small{
  overflow:hidden!important;
  color:var(--account-muted)!important;
  font:700 10px/1.3 Nunito,sans-serif!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#sh-interaction-view-messages .custom-sequence-state{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:24px!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  color:#1a8f43!important;
  font:900 9px/1 Nunito,sans-serif!important;
  white-space:nowrap!important;
}
#sh-interaction-view-messages .custom-sequence-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:5px!important;
  min-width:0!important;
  padding:0 0 0 9px!important;
  border:0!important;
  border-left:1px solid var(--account-border)!important;
}
#sh-interaction-view-messages .custom-sequence-actions button{
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  margin:0!important;
  padding:0!important;
  border-radius:9px!important;
}

/* Embed row and editor. */
#sh-interaction-view-messages .custom-format-toggle{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  min-height:70px!important;
}
#sh-interaction-view-messages .custom-format-toggle>span{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
}
#sh-interaction-view-messages .custom-format-toggle strong{
  font:900 14px/1.3 Nunito,sans-serif!important;
}
#sh-interaction-view-messages .custom-format-toggle small{
  color:var(--account-muted)!important;
  font:700 11px/1.4 Nunito,sans-serif!important;
}
#sh-interaction-view-messages #custom-message-embed-options{
  display:grid!important;
  gap:14px!important;
}
#sh-interaction-view-messages #custom-message-embed-options.is-hidden{display:none!important}
#sh-interaction-view-messages .custom-editor-heading{
  margin:0!important;
  padding:0 0 12px!important;
  border-bottom:1px solid var(--account-border)!important;
}
#sh-interaction-view-messages .custom-card-toolbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  min-height:64px!important;
  margin:0!important;
  padding:12px 14px!important;
  border:1px solid var(--account-border)!important;
  border-radius:12px!important;
  background:var(--account-surface)!important;
}
#sh-interaction-view-messages .custom-card-toolbar>div:first-child{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
}
#sh-interaction-view-messages .custom-card-toolbar strong{
  font:900 14px/1.3 Nunito,sans-serif!important;
}
#sh-interaction-view-messages .custom-card-toolbar small{
  color:var(--account-muted)!important;
  font:700 11px/1.4 Nunito,sans-serif!important;
}
#sh-interaction-view-messages .custom-color-toggle{
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  padding:0!important;
  border-radius:10px!important;
}

/* Add-element chooser: readable 3 × 2 grid. */
#sh-interaction-view-messages .custom-element-picker{
  display:grid!important;
  gap:12px!important;
  margin:0!important;
  padding:14px!important;
  border:1px solid var(--account-border)!important;
  border-radius:12px!important;
  background:var(--account-surface)!important;
}
#sh-interaction-view-messages .custom-element-picker-head{
  display:grid!important;
  gap:2px!important;
  margin:0!important;
}
#sh-interaction-view-messages .custom-element-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:stretch!important;
  width:100%!important;
}
#sh-interaction-view-messages .custom-element-card{
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr) 34px!important;
  grid-template-rows:32px 38px!important;
  grid-template-areas:"preview title add" "preview description add"!important;
  gap:2px 10px!important;
  align-content:center!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:98px!important;
  height:98px!important;
  margin:0!important;
  padding:11px!important;
  border:1px solid var(--account-border)!important;
  border-radius:12px!important;
  background:var(--account-surface-soft)!important;
  color:inherit!important;
  text-align:left!important;
}
#sh-interaction-view-messages .custom-element-card-preview{
  grid-area:preview!important;
  display:grid!important;
  place-items:center!important;
  align-self:center!important;
  justify-self:center!important;
  width:54px!important;
  min-width:54px!important;
  max-width:54px!important;
  height:54px!important;
  min-height:54px!important;
  max-height:54px!important;
  margin:0!important;
  border-radius:10px!important;
}
#sh-interaction-view-messages .custom-element-card-title{
  grid-area:title!important;
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
  min-height:32px!important;
  margin:0!important;
  color:var(--account-text)!important;
  font:900 12px/1.25 Nunito,sans-serif!important;
  overflow-wrap:anywhere!important;
}
#sh-interaction-view-messages .custom-element-card>small{
  grid-area:description!important;
  display:-webkit-box!important;
  min-width:0!important;
  min-height:38px!important;
  margin:0!important;
  overflow:hidden!important;
  color:var(--account-muted)!important;
  font:700 9.5px/1.35 Nunito,sans-serif!important;
  overflow-wrap:anywhere!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
}
#sh-interaction-view-messages .custom-element-card>b{
  grid-area:add!important;
  display:grid!important;
  place-items:center!important;
  align-self:center!important;
  justify-self:center!important;
  width:32px!important;
  min-width:32px!important;
  max-width:32px!important;
  height:32px!important;
  min-height:32px!important;
  max-height:32px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid var(--account-border)!important;
  border-radius:9px!important;
  background:var(--account-surface)!important;
  color:var(--account-accent)!important;
  font:900 17px/1 Nunito,sans-serif!important;
}

/* Added blocks. */
#sh-interaction-view-messages .custom-block-list{
  display:grid!important;
  gap:12px!important;
  width:100%!important;
  margin:0!important;
}
#sh-interaction-view-messages .custom-block-row{
  overflow:visible!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:1px solid var(--account-border)!important;
  border-radius:13px!important;
  background:var(--account-surface)!important;
}
#sh-interaction-view-messages .custom-block-head{
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  min-height:58px!important;
  margin:0!important;
  padding:10px 12px!important;
  border-bottom:1px solid var(--account-border)!important;
}
#sh-interaction-view-messages .custom-block-grip{
  display:grid!important;
  place-items:center!important;
  width:32px!important;
  height:32px!important;
  border:1px solid var(--account-border)!important;
  border-radius:9px!important;
  color:var(--account-muted)!important;
}
#sh-interaction-view-messages .custom-block-head>strong{
  min-width:0!important;
  color:var(--account-text)!important;
  font:900 13px/1.3 Nunito,sans-serif!important;
}
#sh-interaction-view-messages .custom-block-head>div{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:5px!important;
}
#sh-interaction-view-messages .custom-block-head button{
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0!important;
  border-radius:9px!important;
}
#sh-interaction-view-messages .custom-block-fields{
  display:grid!important;
  gap:12px!important;
  min-width:0!important;
  padding:14px!important;
}
#sh-interaction-view-messages .custom-message-button-row{
  display:grid!important;
  grid-template-columns:minmax(150px,.55fr) minmax(220px,1fr) 38px!important;
  gap:8px!important;
  align-items:center!important;
}
#sh-interaction-view-messages .custom-message-button-row .cm-remove{
  width:38px!important;
  min-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  padding:0!important;
}

/* Banner library and upload. */
#sh-interaction-view-messages .custom-banner-library{
  display:grid!important;
  gap:12px!important;
  width:100%!important;
  margin:0!important;
  padding:14px!important;
  border:1px solid var(--account-border)!important;
  border-radius:12px!important;
  background:var(--account-surface)!important;
}
#sh-interaction-view-messages .custom-banner-library.is-collapsed{
  padding:14px!important;
}
#sh-interaction-view-messages .custom-banner-library-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
}
#sh-interaction-view-messages .custom-banner-library-head>div:first-child{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
}
#sh-interaction-view-messages .custom-banner-library-head strong{
  font:900 14px/1.3 Nunito,sans-serif!important;
}
#sh-interaction-view-messages .custom-banner-library-head small{
  color:var(--account-muted)!important;
  font:700 11px/1.4 Nunito,sans-serif!important;
}
#sh-interaction-view-messages .custom-banner-library-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
#sh-interaction-view-messages .custom-banner-upload{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  width:100%!important;
  margin:0!important;
  padding:12px 14px!important;
  border:1px solid var(--account-border)!important;
  border-radius:12px!important;
  background:var(--account-surface-soft)!important;
}
#sh-interaction-view-messages .custom-banner-upload button{
  min-height:40px!important;
  flex:0 0 auto!important;
}
#sh-interaction-view-messages .custom-banner-upload .api-form-message{
  flex:1 1 280px!important;
  min-width:0!important;
  margin:0!important;
  color:var(--account-muted)!important;
  font:700 11px/1.4 Nunito,sans-serif!important;
}

/* Delivery accordion. */
#sh-interaction-view-messages .shieldy-delivery-disclosure>summary{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  min-height:62px!important;
  margin:0!important;
  padding:0!important;
  cursor:pointer!important;
  list-style:none!important;
}
#sh-interaction-view-messages .shieldy-delivery-disclosure>summary::-webkit-details-marker{display:none!important}
#sh-interaction-view-messages .shieldy-delivery-disclosure>summary .shieldy-step-heading{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0!important;
}
#sh-interaction-view-messages .shieldy-delivery-disclosure>summary .shieldy-step-heading>span:first-child{
  display:none!important;
}
#sh-interaction-view-messages .shieldy-delivery-disclosure>summary strong{
  font:900 14px/1.3 Nunito,sans-serif!important;
}
#sh-interaction-view-messages .shieldy-delivery-disclosure>summary small{
  display:block!important;
  margin-top:3px!important;
  color:var(--account-muted)!important;
  font:700 11px/1.4 Nunito,sans-serif!important;
}
#sh-interaction-view-messages .shieldy-delivery-body{
  padding:12px 0 0!important;
}
#sh-interaction-view-messages .custom-delivery-panel{
  gap:14px!important;
  width:100%!important;
  margin:0!important;
  padding:14px!important;
  border-radius:12px!important;
  background:var(--account-surface)!important;
}
#sh-interaction-view-messages .custom-delivery-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  margin:0!important;
}
#sh-interaction-view-messages .custom-delivery-grid.two-fields{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
#sh-interaction-view-messages .custom-delivery-toggles{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
#sh-interaction-view-messages .custom-delivery-toggles .routing-display-item{
  min-height:74px!important;
  padding:12px!important;
}

/* Save and preview. */
#sh-interaction-view-messages .sticky-save-bar{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  width:100%!important;
  margin:14px 0 0!important;
  padding:12px!important;
  border:1px solid var(--account-border)!important;
  border-radius:13px!important;
  background:color-mix(in srgb,var(--account-surface) 94%,transparent)!important;
}
#sh-interaction-view-messages .sticky-save-bar .api-form-message{
  flex:1 1 220px!important;
  min-width:0!important;
  margin:0!important;
}
#sh-interaction-view-messages .custom-message-preview-column>.card-title{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin:0 0 14px!important;
  padding:0 0 12px!important;
  border-bottom:1px solid var(--account-border)!important;
}
#sh-interaction-view-messages .custom-preview-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
#sh-interaction-view-messages .custom-message-preview-body{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}

/* Responsive audit. */
@media(max-width:1100px){
  #sh-interaction-view-messages .custom-element-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #sh-interaction-view-messages .custom-delivery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:820px){
  #sh-interaction-view-messages .custom-message-workspace-head,
  #sh-interaction-view-messages .custom-channel-config-head,
  #sh-interaction-view-messages .custom-sequence-head,
  #sh-interaction-view-messages .custom-banner-library-head,
  #sh-interaction-view-messages .custom-message-preview-column>.card-title{
    align-items:stretch!important;
    flex-direction:column!important;
  }
  #sh-interaction-view-messages .custom-message-workspace-status{align-self:flex-start!important;white-space:normal!important}
  #sh-interaction-view-messages .custom-channel-config-list{grid-template-columns:1fr!important}
  #sh-interaction-view-messages .custom-channel-inline-settings .shieldy-advanced-body{grid-template-columns:1fr!important}
  #sh-interaction-view-messages .custom-channel-config-head button,
  #sh-interaction-view-messages .custom-sequence-head-actions,
  #sh-interaction-view-messages .custom-sequence-head-actions button{width:100%!important;min-width:0!important}
  #sh-interaction-view-messages .custom-sequence-head-actions{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important}
  #sh-interaction-view-messages .custom-delivery-grid,
  #sh-interaction-view-messages .custom-delivery-grid.two-fields,
  #sh-interaction-view-messages .custom-delivery-toggles{grid-template-columns:1fr!important}
  #sh-interaction-view-messages .custom-message-button-row{grid-template-columns:1fr!important}
  #sh-interaction-view-messages .custom-message-button-row .cm-remove{justify-self:end!important}
}
@media(max-width:620px){
  #sh-interaction-view-messages .custom-message-workspace-card,
  #sh-interaction-view-messages .custom-message-preview-column{padding:14px!important}
  #sh-interaction-view-messages :is(.custom-message-library-panel,.custom-channel-inline-settings,.custom-format-toggle,#custom-message-embed-options,.shieldy-delivery-disclosure){padding:13px!important}
  #sh-interaction-view-messages .custom-element-grid{grid-template-columns:1fr!important}
  #sh-interaction-view-messages .custom-element-card{height:auto!important;min-height:92px!important}
  #sh-interaction-view-messages .custom-sequence-item{grid-template-columns:1fr!important}
  #sh-interaction-view-messages .custom-sequence-actions{justify-content:flex-start!important;padding:8px 0 0!important;border-left:0!important;border-top:1px solid var(--account-border)!important}
  #sh-interaction-view-messages .custom-sequence-select{grid-template-columns:32px minmax(0,1fr)!important}
  #sh-interaction-view-messages .custom-sequence-state{grid-column:2!important;justify-self:start!important}
  #sh-interaction-view-messages .custom-format-toggle{align-items:flex-start!important}
  #sh-interaction-view-messages .custom-card-toolbar{align-items:flex-start!important}
  #sh-interaction-view-messages .custom-banner-upload{align-items:stretch!important;flex-direction:column!important}
  #sh-interaction-view-messages .custom-banner-upload button{width:100%!important}
  #sh-interaction-view-messages .sticky-save-bar{align-items:stretch!important;flex-direction:column!important}
  #sh-interaction-view-messages .sticky-save-bar button{width:100%!important}
}

/* Preview and save controls must not inherit legacy hidden/native states. */
#sh-interaction-view-messages .custom-message-preview-column{
  display:block!important;
}
#sh-interaction-view-messages .custom-message-layout.is-preview-collapsed .custom-message-preview-column{
  display:none!important;
}
#sh-interaction-view-messages .custom-preview-actions #custom-preview-side-toggle{
  display:inline-flex!important;
}
#sh-interaction-view-messages .sticky-save-bar :is(.primary,.discard-unsaved-button){
  min-height:42px!important;
  padding:9px 14px!important;
  border-radius:10px!important;
  font:900 13px/1.2 Nunito,sans-serif!important;
}
#sh-interaction-view-messages .sticky-save-bar .discard-unsaved-button{
  border:1px solid var(--account-border)!important;
  background:var(--account-surface-soft)!important;
  color:var(--account-text)!important;
}
#sh-interaction-view-messages .sticky-save-bar .discard-unsaved-button:disabled{
  opacity:.5!important;
  cursor:not-allowed!important;
}