/* JoyJoy V728 — Shieldy visual-only fixes. No API/network behavior. */

/* Security workspace: keep both icon tiles readable on the selected green card. */
body[data-account-page="bots"] #panel-bot-control[data-active-bot="shieldy"] .shieldy-security-tab-bd2996b98{
  background:#fff!important;
}
body[data-account-page="bots"] #panel-bot-control[data-active-bot="shieldy"] .shieldy-security-tab-bd2996b98.is-active{
  background:#fff!important;
  border-color:rgba(45,164,78,.92)!important;
  box-shadow:0 8px 24px rgba(45,164,78,.12),0 0 0 1px rgba(45,164,78,.08) inset!important;
}
body[data-account-page="bots"] #panel-bot-control[data-active-bot="shieldy"] .shieldy-security-tab-icon-bd2996b98,
body[data-account-page="bots"] #panel-bot-control[data-active-bot="shieldy"] .shieldy-security-tab-bd2996b98.is-active .shieldy-security-tab-icon-bd2996b98{
  background:#fff!important;
  color:#238636!important;
  border-color:rgba(45,164,78,.34)!important;
  box-shadow:0 4px 12px rgba(27,31,36,.08)!important;
}
body[data-account-page="bots"] #panel-bot-control[data-active-bot="shieldy"] .shieldy-security-tab-bd2996b98.is-active .shieldy-security-tab-copy-bd2996b98 strong{
  color:#172033!important;
}
body[data-account-page="bots"] #panel-bot-control[data-active-bot="shieldy"] .shieldy-security-tab-bd2996b98.is-active .shieldy-security-tab-copy-bd2996b98 small{
  color:#667085!important;
}

/* Shield icon: animate SVG itself so the motion cannot be swallowed by the sidebar tile. */
#panel-bot-control .bot-module-menu[data-bot-menu="shieldy"] .module-icon-shield-v715{
  animation:none!important;
}
#panel-bot-control .bot-module-menu[data-bot-menu="shieldy"] .module-icon-shield-v715 svg{
  overflow:visible;
  transform-box:fill-box;
  transform-origin:center;
}
#panel-bot-control .bot-module-menu[data-bot-menu="shieldy"] .module-icon-shield-v715 .sh-shield-mark{
  stroke-dasharray:8;
  stroke-dashoffset:0;
  transform-box:fill-box;
  transform-origin:center;
}
@media (hover:hover) and (pointer:fine){
  #panel-bot-control .bot-module-menu[data-bot-menu="shieldy"] button[data-module="sh-automod"]:hover .module-icon-shield-v715{
    animation:none!important;
  }
  #panel-bot-control .bot-module-menu[data-bot-menu="shieldy"] button[data-module="sh-automod"]:hover .module-icon-shield-v715 svg{
    animation:jjShieldPulseV728 .76s cubic-bezier(.2,.78,.22,1) 1!important;
  }
  #panel-bot-control .bot-module-menu[data-bot-menu="shieldy"] button[data-module="sh-automod"]:hover .sh-shield-mark{
    animation:jjShieldCheckDrawV728 .76s ease-out 1!important;
  }
}
#panel-bot-control .bot-module-menu[data-bot-menu="shieldy"] button[data-module="sh-automod"]:focus-visible .module-icon-shield-v715 svg{
  animation:jjShieldPulseV728 .76s cubic-bezier(.2,.78,.22,1) 1!important;
}
#panel-bot-control .bot-module-menu[data-bot-menu="shieldy"] button[data-module="sh-automod"]:focus-visible .sh-shield-mark{
  animation:jjShieldCheckDrawV728 .76s ease-out 1!important;
}
@keyframes jjShieldPulseV728{
  0%{transform:scale(1)}
  40%{transform:scale(1.24)}
  68%{transform:scale(1.10)}
  100%{transform:scale(1)}
}
@keyframes jjShieldCheckDrawV728{
  0%,24%{stroke-dashoffset:8;opacity:.08}
  32%{opacity:1}
  72%,100%{stroke-dashoffset:0;opacity:1}
}

html[data-theme="dark"] body[data-account-page="bots"] #panel-bot-control[data-active-bot="shieldy"] .shieldy-security-tab-bd2996b98,
html.dark body[data-account-page="bots"] #panel-bot-control[data-active-bot="shieldy"] .shieldy-security-tab-bd2996b98{
  background:#161b22!important;
}
html[data-theme="dark"] body[data-account-page="bots"] #panel-bot-control[data-active-bot="shieldy"] .shieldy-security-tab-icon-bd2996b98,
html.dark body[data-account-page="bots"] #panel-bot-control[data-active-bot="shieldy"] .shieldy-security-tab-icon-bd2996b98{
  background:#fff!important;
  color:#238636!important;
}
html[data-theme="dark"] body[data-account-page="bots"] #panel-bot-control[data-active-bot="shieldy"] .shieldy-security-tab-bd2996b98.is-active .shieldy-security-tab-copy-bd2996b98 strong,
html.dark body[data-account-page="bots"] #panel-bot-control[data-active-bot="shieldy"] .shieldy-security-tab-bd2996b98.is-active .shieldy-security-tab-copy-bd2996b98 strong{
  color:#f0f6fc!important;
}
html[data-theme="dark"] body[data-account-page="bots"] #panel-bot-control[data-active-bot="shieldy"] .shieldy-security-tab-bd2996b98.is-active .shieldy-security-tab-copy-bd2996b98 small,
html.dark body[data-account-page="bots"] #panel-bot-control[data-active-bot="shieldy"] .shieldy-security-tab-bd2996b98.is-active .shieldy-security-tab-copy-bd2996b98 small{
  color:#9da7b3!important;
}

@media (prefers-reduced-motion:reduce){
  #panel-bot-control .bot-module-menu[data-bot-menu="shieldy"] button[data-module="sh-automod"] .module-icon-shield-v715 svg,
  #panel-bot-control .bot-module-menu[data-bot-menu="shieldy"] button[data-module="sh-automod"] .sh-shield-mark{
    animation:none!important;
  }
}


/* V729 — one visible save status only.
   account-bot-save adds the compact dot/label dynamically. Some Shieldy bars can
   receive the long legacy .api-form-message at the same time; :has() makes the
   suppression independent of a helper class or mutation timing. */
body[data-account-page="bots"] #panel-bot-control :is(
  .joyjoy-save-dock-b04eeb672,
  .sticky-save-bar,
  .universal-save-bar-b42a7df9b,
  .form-actions,
  .prefix-card-actions
):has(> .joyjoy-save-feedback-b341eed40) > :is(
  .api-form-message,
  .prefix-save-status,
  .panel-save-message,
  .muted-status,
  .joyjoy-save-result-b04eeb672
){
  display:none!important;
}
body[data-account-page="bots"] #panel-bot-control :is(
  .joyjoy-save-dock-b04eeb672,
  .sticky-save-bar,
  .universal-save-bar-b42a7df9b,
  .form-actions,
  .prefix-card-actions
) > .joyjoy-save-feedback-b341eed40{
  position:static!important;
  z-index:2!important;
  min-width:0!important;
  max-width:190px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
body[data-account-page="bots"] #panel-bot-control .joyjoy-save-feedback-b341eed40 .joyjoy-save-feedback-label-b341eed40{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}


/* V730 — Shieldy lower dock: one status, no overlap.
   The compact joyjoy-save-feedback is the visible success/saving state.
   Keep the legacy #shieldy-other-message only when it carries a real error,
   so useful diagnostics are never lost. */
body[data-account-page="bots"] #panel-bot-control[data-active-bot="shieldy"]
.joyjoy-save-dock-b04eeb672.has-save-feedback-b341eed40 #shieldy-other-message:not(.is-error):not(.is-danger){
  display:none!important;
  width:0!important;
  min-width:0!important;
  max-width:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
body[data-account-page="bots"] #panel-bot-control[data-active-bot="shieldy"]
.joyjoy-save-dock-b04eeb672.has-save-feedback-b341eed40 > .joyjoy-save-feedback-b341eed40{
  justify-self:end!important;
  max-width:160px!important;
}
body[data-account-page="bots"] #panel-bot-control[data-active-bot="shieldy"]
.joyjoy-save-dock-b04eeb672.has-save-feedback-b341eed40 > .joyjoy-save-feedback-b341eed40
.joyjoy-save-feedback-label-b341eed40{
  max-width:130px!important;
  text-overflow:ellipsis!important;
}


/* V729 — one visible save status only.
   account-bot-save adds the compact dot/label dynamically. Some Shieldy bars can
   receive the long legacy .api-form-message at the same time; :has() makes the
   suppression independent of a helper class or mutation timing. */
body[data-account-page="bots"] #panel-bot-control :is(
  .joyjoy-save-dock-b04eeb672,
  .sticky-save-bar,
  .universal-save-bar-b42a7df9b,
  .form-actions,
  .prefix-card-actions
):has(> .joyjoy-save-feedback-b341eed40) > :is(
  .api-form-message,
  .prefix-save-status,
  .panel-save-message,
  .muted-status,
  .joyjoy-save-result-b04eeb672
){
  display:none!important;
}
body[data-account-page="bots"] #panel-bot-control :is(
  .joyjoy-save-dock-b04eeb672,
  .sticky-save-bar,
  .universal-save-bar-b42a7df9b,
  .form-actions,
  .prefix-card-actions
) > .joyjoy-save-feedback-b341eed40{
  position:static!important;
  z-index:2!important;
  min-width:0!important;
  max-width:190px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
body[data-account-page="bots"] #panel-bot-control .joyjoy-save-feedback-b341eed40 .joyjoy-save-feedback-label-b341eed40{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}