/* Shieldy Automod V448 — reliable accordions, aligned antispam fields and comma-separated lists */
#shieldy-settings-form{
  --automod-green:#20b15a;
  --automod-green-strong:#12a34d;
  --automod-radius:18px;
}
#shieldy-settings-form .automod-module-list{display:grid;gap:14px}
#shieldy-settings-form .automod-module{
  width:100%;
  margin:0!important;
  padding:0!important;
  overflow:hidden;
  border:1px solid var(--account-border)!important;
  border-radius:var(--automod-radius)!important;
  background:var(--account-surface)!important;
  box-shadow:0 10px 28px rgba(20,38,28,.055)!important;
  opacity:1!important;
  filter:none!important;
}
#shieldy-settings-form .automod-module.is-module-enabled{
  border-color:color-mix(in srgb,var(--automod-green) 42%,var(--account-border))!important;
  box-shadow:0 12px 30px rgba(32,177,90,.08)!important;
}
#shieldy-settings-form .automod-module-summary{
  min-height:78px;
  grid-template-columns:46px minmax(0,1fr) auto 24px!important;
  gap:14px!important;
  padding:16px 18px!important;
  background:var(--account-surface)!important;
}
#shieldy-settings-form .automod-module-summary>span:nth-child(2){min-width:0;display:grid;gap:3px}
#shieldy-settings-form .automod-module-summary strong{color:var(--account-text)!important}
#shieldy-settings-form .automod-module-summary small{color:var(--account-muted)!important;line-height:1.4}
#shieldy-settings-form .automod-module-meta{
  min-width:86px;
  justify-content:center;
  padding:6px 11px!important;
  border:1px solid var(--account-border)!important;
  border-radius:999px!important;
  background:var(--account-surface-soft)!important;
  color:var(--account-muted)!important;
  font-weight:900!important;
  text-align:center;
}
#shieldy-settings-form .automod-module-meta.is-enabled{
  border-color:rgba(32,177,90,.32)!important;
  background:rgba(32,177,90,.11)!important;
  color:#12a34d!important;
}
#shieldy-settings-form .automod-module-body{
  padding:18px!important;
  border-top:1px solid var(--account-border)!important;
  background:var(--account-surface)!important;
}
#shieldy-settings-form .automod-module-body>.toggle-row:first-child,
#shieldy-settings-form .automod-module-body>.welcome-structured-toggle:first-child,
#shieldy-settings-form .automod-module-body>.inline-toggles:first-child{
  margin-top:0!important;
}
#shieldy-settings-form .automod-module-exceptions{
  margin-top:16px!important;
  padding:16px!important;
  border:1px solid var(--account-border)!important;
  border-radius:14px!important;
  background:var(--account-surface-soft)!important;
}
#shieldy-settings-form .automod-response-editor{
  margin-top:18px;
  padding:18px;
  border:1px solid var(--account-border);
  border-radius:16px;
  background:var(--account-surface-soft);
}
#shieldy-settings-form .automod-response-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:15px;
}
#shieldy-settings-form .automod-response-heading>div{display:grid;gap:3px;min-width:0}
#shieldy-settings-form .automod-response-heading strong{font-size:15px;font-weight:950;color:var(--account-text)}
#shieldy-settings-form .automod-response-heading small{font-size:11px;line-height:1.45;color:var(--account-muted)}
#shieldy-settings-form .automod-response-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 282px;
  gap:16px;
  align-items:start;
}
#shieldy-settings-form .automod-response-controls{min-width:0;display:grid;gap:13px}
#shieldy-settings-form .automod-response-free-grid,
#shieldy-settings-form .automod-response-premium-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
#shieldy-settings-form .automod-response-editor .field{min-width:0;margin:0!important;gap:6px!important}
#shieldy-settings-form .automod-response-editor .field label{min-height:20px;line-height:20px}
#shieldy-settings-form .automod-response-editor .field input:not([type="checkbox"]):not([type="color"]):not([type="file"]),
#shieldy-settings-form .automod-response-editor .field textarea{
  width:100%!important;
  min-height:44px!important;
  height:auto!important;
  margin:0!important;
  padding:10px 12px!important;
  border-radius:11px!important;
  background:var(--account-surface)!important;
  line-height:1.45!important;
}
#shieldy-settings-form .automod-response-editor .field textarea{min-height:104px!important;resize:vertical!important}
#shieldy-settings-form .automod-response-editor input[type="color"]{
  width:100%!important;
  min-height:44px!important;
  height:44px!important;
  padding:4px!important;
  border:1px solid var(--account-border)!important;
  border-radius:11px!important;
  background:var(--account-surface)!important;
}
#shieldy-settings-form .automod-response-text-field>small{margin-top:1px}
#shieldy-settings-form .automod-response-variables{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
#shieldy-settings-form .automod-response-variables button{
  min-height:28px;
  padding:4px 8px;
  border:1px solid var(--account-border);
  border-radius:8px;
  background:var(--account-surface);
  color:var(--account-muted);
  font:850 11px Nunito,sans-serif;
  cursor:pointer;
}
#shieldy-settings-form .automod-response-variables button:hover{border-color:rgba(32,177,90,.36);color:var(--automod-green-strong)}
#shieldy-settings-form .automod-response-premium{
  overflow:hidden;
  border:1px solid color-mix(in srgb,#a66af2 28%,var(--account-border));
  border-radius:13px;
  background:var(--account-surface);
}
#shieldy-settings-form .automod-response-premium>summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:60px;
  padding:13px 14px;
  list-style:none;
  cursor:pointer;
}
#shieldy-settings-form .automod-response-premium>summary::-webkit-details-marker{display:none}
#shieldy-settings-form .automod-response-premium>summary>span:first-child{display:grid;gap:2px}
#shieldy-settings-form .automod-response-premium>summary strong{font-size:13px;color:var(--account-text)}
#shieldy-settings-form .automod-response-premium>summary small{font-size:10px;color:var(--account-muted)}
#shieldy-settings-form .automod-response-premium-fields{display:grid;gap:12px;padding:0 14px 14px}
#shieldy-settings-form .automod-response-premium-lock{
  display:grid;
  gap:4px;
  margin:0 14px 14px;
  padding:12px;
  border:1px solid color-mix(in srgb,#a66af2 30%,var(--account-border));
  border-radius:11px;
  background:color-mix(in srgb,#a66af2 7%,var(--account-surface));
}
#shieldy-settings-form .automod-response-premium-lock[hidden]{display:none!important}
#shieldy-settings-form .automod-response-premium-lock strong{font-size:12px}
#shieldy-settings-form .automod-response-premium-lock span{font-size:10px;line-height:1.4;color:var(--account-muted)}
#shieldy-settings-form .automod-response-premium-lock a{font-size:11px;font-weight:900}
#shieldy-settings-form .automod-response-premium-fields.is-locked{opacity:.48;pointer-events:none;user-select:none}
#shieldy-settings-form .automod-response-upload{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#shieldy-settings-form .automod-response-upload span{flex:1 1 180px;color:var(--account-muted);font-size:10px;line-height:1.35}
#shieldy-settings-form .automod-response-preview{
  min-width:0;
  padding:13px;
  border:1px solid #30353f;
  border-radius:14px;
  background:#202329;
  color:#f4f6f8;
  box-shadow:0 12px 28px rgba(10,14,20,.12);
}
#shieldy-settings-form .automod-response-preview-label{
  display:inline-flex;
  margin-bottom:10px;
  color:#aeb7c4;
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.65px;
}
#shieldy-settings-form .automod-response-preview-author{display:flex;align-items:center;gap:9px;margin-bottom:10px}
#shieldy-settings-form .automod-response-preview-author img{width:34px;height:34px;border-radius:10px;object-fit:cover}
#shieldy-settings-form .automod-response-preview-author>div{display:grid;gap:1px}
#shieldy-settings-form .automod-response-preview-author strong{font-size:12px;color:#fff}
#shieldy-settings-form .automod-response-preview-author strong b{padding:2px 4px;border-radius:4px;background:#5b65e9;font-size:7px}
#shieldy-settings-form .automod-response-preview-author small{font-size:9px;color:#8994a4}
#shieldy-settings-form .automod-response-preview-card{
  --automod-preview-accent:#2da44e;
  overflow:hidden;
  padding:12px;
  border-left:3px solid var(--automod-preview-accent);
  border-radius:8px;
  background:#292d34;
}
#shieldy-settings-form .automod-response-preview-card.is-plain{padding:3px 0;border-left:0;background:transparent}
#shieldy-settings-form .automod-response-preview-card>img{display:block;width:100%;max-height:104px;margin:0 0 10px;border-radius:7px;object-fit:cover}
#shieldy-settings-form .automod-response-preview-card h4{margin:0 0 6px;color:#fff;font-size:13px;line-height:1.35;overflow-wrap:anywhere}
#shieldy-settings-form .automod-response-preview-card p{margin:0;white-space:pre-wrap;color:#d6dbe2;font-size:11px;line-height:1.45;overflow-wrap:anywhere}
#shieldy-settings-form .automod-response-preview-card>small{display:block;margin-top:9px;color:#8994a4;font-size:9px;overflow-wrap:anywhere}
#shieldy-settings-form :is(.automod-module,.automod-module-body,.automod-response-editor,.automod-module-exceptions){opacity:1!important;filter:none!important;backdrop-filter:none!important}
#shieldy-settings-form .automod-module.is-function-disabled{opacity:1!important;filter:none!important;pointer-events:auto!important}
@media(max-width:1000px){
  #shieldy-settings-form .automod-response-layout{grid-template-columns:minmax(0,1fr) 250px}
}
@media(max-width:820px){
  #shieldy-settings-form .automod-response-layout{grid-template-columns:1fr}
  #shieldy-settings-form .automod-response-preview{width:100%;max-width:none}
}
@media(max-width:600px){
  #shieldy-settings-form .automod-module-summary{grid-template-columns:42px minmax(0,1fr) 22px!important;padding:14px!important}
  #shieldy-settings-form .automod-module-meta{grid-column:2;justify-self:start;min-width:78px;margin-top:4px}
  #shieldy-settings-form .automod-chevron{grid-column:3;grid-row:1/3}
  #shieldy-settings-form .automod-module-body{padding:14px!important}
  #shieldy-settings-form .automod-response-editor{padding:14px}
  #shieldy-settings-form .automod-response-heading{display:grid;gap:9px}
  #shieldy-settings-form .automod-response-heading .free-feature-badge{justify-self:start}
  #shieldy-settings-form .automod-response-free-grid,
  #shieldy-settings-form .automod-response-premium-grid{grid-template-columns:1fr}
  #shieldy-settings-form .automod-response-premium>summary{align-items:flex-start}
  #shieldy-settings-form .automod-response-upload .compact-button{flex:1 1 130px}
}
html[data-theme="dark"] #shieldy-settings-form .automod-module,
html[data-theme="dark"] #shieldy-settings-form .automod-module-summary,
html[data-theme="dark"] #shieldy-settings-form .automod-module-body{background:var(--account-surface)!important}


/* V446 — consistent vertical rhythm in every automod module. */
#shieldy-settings-form .automod-module-body{
  display:none!important;
  gap:18px!important;
}
#shieldy-settings-form .automod-module-body[hidden]{display:none!important}
#shieldy-settings-form .automod-module.is-expanded>.automod-module-body:not([hidden]){display:grid!important}
#shieldy-settings-form .automod-module-body>:is(.console-fields,.inline-toggles,.automod-module-exceptions,.automod-response-editor,.toggle-row,.welcome-structured-toggle){
  margin:0!important;
  min-width:0!important;
}
#shieldy-settings-form .automod-module-body>.console-fields{
  gap:14px!important;
  align-items:start!important;
}
#shieldy-settings-form .automod-module-body>.inline-toggles{
  gap:10px!important;
  align-items:stretch!important;
}
#shieldy-settings-form .automod-module-body>.inline-toggles>label{
  min-height:52px!important;
  margin:0!important;
  padding:11px 12px!important;
  line-height:1.35!important;
}
#shieldy-settings-form .automod-module-exceptions{
  display:grid!important;
  gap:14px!important;
}
#shieldy-settings-form .module-exceptions-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  flex-wrap:wrap!important;
}
#shieldy-settings-form .module-exceptions-head>small{
  max-width:520px!important;
  line-height:1.45!important;
}
#shieldy-settings-form .automod-response-editor{
  display:grid!important;
  gap:16px!important;
  margin-top:0!important;
}
#shieldy-settings-form .automod-response-heading{margin-bottom:0!important}
#shieldy-settings-form .automod-response-layout{gap:18px!important}
#shieldy-settings-form .automod-response-controls{gap:15px!important}
#shieldy-settings-form .automod-response-free-grid,
#shieldy-settings-form .automod-response-premium-grid{gap:14px!important}
#shieldy-settings-form .automod-response-text-field{gap:7px!important}
#shieldy-settings-form .automod-response-variables{gap:7px!important;margin-top:3px!important}
#shieldy-settings-form .automod-response-variables button{
  min-width:48px!important;
  min-height:30px!important;
  padding:5px 9px!important;
}
#shieldy-settings-form .automod-response-premium-fields{gap:14px!important;padding:0 14px 15px!important}
#shieldy-settings-form .automod-response-premium .compact-toggle{margin:0!important}
#shieldy-settings-form .automod-response-banner-hint{
  display:block!important;
  margin-top:1px!important;
  color:var(--account-muted)!important;
  font-size:10px!important;
  line-height:1.4!important;
}
#shieldy-settings-form .automod-response-upload{
  display:grid!important;
  grid-template-columns:auto auto minmax(190px,1fr)!important;
  gap:9px!important;
  align-items:center!important;
}
#shieldy-settings-form .automod-response-upload .compact-button{
  min-width:134px!important;
  min-height:42px!important;
  margin:0!important;
  white-space:nowrap!important;
}
#shieldy-settings-form .automod-response-upload span{
  min-width:0!important;
  padding-left:2px!important;
  font-size:10px!important;
  line-height:1.45!important;
}
#shieldy-settings-form .automod-response-preview{
  position:sticky!important;
  top:16px!important;
  align-self:start!important;
  width:100%!important;
  min-height:148px!important;
}
#shieldy-settings-form .automod-response-preview-card{
  min-height:72px!important;
}
#shieldy-settings-form .automod-response-preview-card.is-plain{
  min-height:64px!important;
  padding:6px 2px!important;
}
#shieldy-settings-form .automod-response-preview-card>img{
  aspect-ratio:4/1!important;
  max-height:none!important;
  object-fit:cover!important;
}
#shieldy-settings-form .automod-response-preview-card h4[hidden],
#shieldy-settings-form .automod-response-preview-card small[hidden]{display:none!important}
#shieldy-settings-form .automod-response-editor.has-preview-banner-error [data-automod-response-upload-status]{color:var(--account-danger)!important}
@media(max-width:820px){
  #shieldy-settings-form .automod-response-preview{position:static!important;top:auto!important}
}
@media(max-width:680px){
  #shieldy-settings-form .automod-module-body{gap:15px!important}
  #shieldy-settings-form .automod-module-body>.console-fields{grid-template-columns:1fr!important;gap:11px!important}
  #shieldy-settings-form .automod-module-body>.inline-toggles{grid-template-columns:1fr!important}
  #shieldy-settings-form .module-exceptions-head{display:grid!important;gap:4px!important}
  #shieldy-settings-form .automod-response-upload{grid-template-columns:1fr 1fr!important}
  #shieldy-settings-form .automod-response-upload .compact-button{width:100%!important;min-width:0!important}
  #shieldy-settings-form .automod-response-upload span{grid-column:1/-1!important;padding-left:0!important}
}
@media(max-width:430px){
  #shieldy-settings-form .automod-response-upload{grid-template-columns:1fr!important}
  #shieldy-settings-form .automod-response-upload span{grid-column:auto!important}
}


/* V447 — mute-role card uses the same opaque surface as the other automod blocks. */
#shieldy-settings-form #shieldy-mute-role-options.automod-mute-role-visible-card{
  background:var(--account-surface,#fff)!important;
  border:1px solid var(--account-border)!important;
  box-shadow:0 10px 28px rgba(20,38,28,.055)!important;
  opacity:1!important;
  backdrop-filter:none!important;
}
#shieldy-settings-form #shieldy-mute-role-options .automod-mute-role-status,
#shieldy-settings-form #shieldy-mute-role-options .automod-mute-restrictions>label{
  background:var(--account-surface-soft,#f6f8fa)!important;
  opacity:1!important;
  backdrop-filter:none!important;
}


/* V448 — accordion state is explicit and antispam controls share one baseline. */
#shieldy-settings-form .automod-module-summary{cursor:pointer!important}
#shieldy-settings-form .automod-module-summary:focus-visible{
  outline:3px solid color-mix(in srgb,var(--account-accent) 24%,transparent)!important;
  outline-offset:-3px!important;
}
#shieldy-settings-form .automod-module:not(.is-expanded)>.automod-module-summary{
  border-bottom:0!important;
}
#shieldy-settings-form .automod-module-body>.console-fields>.field{
  align-content:start!important;
}
#shieldy-settings-form .automod-module-body>.console-fields>.field>label{order:1!important}
#shieldy-settings-form .automod-module-body>.console-fields>.field>:is(input:not([type="checkbox"]),select,textarea,.shieldy-custom-select){order:2!important}
#shieldy-settings-form .automod-module-body>.console-fields>.field>small{order:3!important;margin:3px 0 0!important}
#shieldy-settings-form [data-automod-kind="antispam"]>.automod-module-body>.four-fields{
  align-items:start!important;
}
#shieldy-settings-form [data-automod-kind="antispam"]>.automod-module-body>.four-fields>.field{
  display:grid!important;
  grid-template-rows:auto 60px auto!important;
  gap:7px!important;
}
#shieldy-settings-form [data-automod-kind="antispam"]>.automod-module-body>.four-fields>.field>input[type="number"]{
  width:100%!important;
  min-height:60px!important;
  height:60px!important;
  margin:0!important;
}
#shieldy-settings-form [data-automod-kind="antispam"]>.automod-module-body>.four-fields>.field>small{
  min-height:17px!important;
  line-height:1.35!important;
}
#shieldy-settings-form textarea[data-comma-list]{
  min-height:76px!important;
  line-height:1.5!important;
}
#shieldy-settings-form .comma-list-hint{
  display:block!important;
  margin-top:3px!important;
  color:var(--account-muted)!important;
  font-size:11px!important;
  line-height:1.4!important;
}
@media(max-width:680px){
  #shieldy-settings-form [data-automod-kind="antispam"]>.automod-module-body>.four-fields>.field{
    grid-template-rows:auto 54px auto!important;
  }
  #shieldy-settings-form [data-automod-kind="antispam"]>.automod-module-body>.four-fields>.field>input[type="number"]{
    min-height:54px!important;
    height:54px!important;
  }
}

/* V449 — two independent message editors per automod rule. */
#shieldy-settings-form .automod-message-tabs{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  margin:14px 0 16px!important;
  padding:5px!important;
  border:1px solid var(--account-border)!important;
  border-radius:14px!important;
  background:var(--account-surface-soft,#f6f8fa)!important;
}
#shieldy-settings-form .automod-message-tab{
  min-width:0!important;
  min-height:44px!important;
  padding:10px 14px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  background:transparent!important;
  color:var(--account-muted)!important;
  font:900 13px/1.25 Nunito,sans-serif!important;
  cursor:pointer!important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease!important;
}
#shieldy-settings-form .automod-message-tab:hover{
  color:var(--account-text)!important;
  background:color-mix(in srgb,var(--account-surface) 78%,transparent)!important;
}
#shieldy-settings-form .automod-message-tab.is-active{
  color:#116329!important;
  border-color:#82e596!important;
  background:#dafbe1!important;
  box-shadow:0 5px 14px rgba(46,160,67,.09)!important;
}
#shieldy-settings-form .automod-message-tab:active{transform:translateY(1px)!important}
#shieldy-settings-form .automod-message-tab:focus-visible{
  outline:3px solid color-mix(in srgb,#2da44e 24%,transparent)!important;
  outline-offset:2px!important;
}
#shieldy-settings-form .automod-message-panel[hidden]{display:none!important}
#shieldy-settings-form .automod-message-panel.is-active{
  display:grid!important;
  animation:automodMessagePanelIn .18s ease-out both!important;
}
#shieldy-settings-form .automod-message-panel-note{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0 0 13px!important;
  padding:11px 13px!important;
  border:1px solid color-mix(in srgb,#2da44e 28%,var(--account-border))!important;
  border-radius:12px!important;
  background:color-mix(in srgb,#2da44e 6%,var(--account-surface))!important;
}
#shieldy-settings-form .automod-message-panel-note>strong{
  flex:0 0 auto!important;
  color:#116329!important;
  font-size:12px!important;
}
#shieldy-settings-form .automod-message-panel-note>small{
  color:var(--account-muted)!important;
  font-size:11px!important;
  line-height:1.42!important;
  text-align:right!important;
}
#shieldy-settings-form .automod-message-panel-note.is-punishment{
  border-color:color-mix(in srgb,#d29922 34%,var(--account-border))!important;
  background:color-mix(in srgb,#d29922 7%,var(--account-surface))!important;
}
#shieldy-settings-form .automod-message-panel-note.is-punishment>strong{color:#8a5900!important}
#shieldy-settings-form .automod-standard-embed-toggle{
  margin:14px 0 0!important;
  padding:13px 14px!important;
  border:1px solid #82e596!important;
  border-radius:13px!important;
  background:color-mix(in srgb,#2da44e 7%,var(--account-surface))!important;
}
#shieldy-settings-form .automod-standard-embed-toggle strong{color:#116329!important}
#shieldy-settings-form .automod-response-premium{margin-top:12px!important}
#shieldy-settings-form .automod-response-premium-fields>.automod-response-premium-grid{margin-top:0!important}
@keyframes automodMessagePanelIn{
  from{opacity:0;transform:translateY(4px)}
  to{opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce){
  #shieldy-settings-form .automod-message-panel.is-active{animation:none!important}
  #shieldy-settings-form .automod-message-tab{transition:none!important}
}
@media(max-width:620px){
  #shieldy-settings-form .automod-message-tabs{grid-template-columns:1fr!important}
  #shieldy-settings-form .automod-message-panel-note{display:grid!important;gap:4px!important}
  #shieldy-settings-form .automod-message-panel-note>small{text-align:left!important}
}