/* Jaystool global action button system v14
   Visual direction: soft white / light-gray controls, thin neutral border,
   dark text, subtle radius, minimal shadow. Functionality is unchanged. */

:root{
  --jay-btn-bg:#ffffff;
  --jay-btn-bg-hover:#f7f8fa;
  --jay-btn-bg-active:#f0f2f5;
  --jay-btn-border:#cfd5dc;
  --jay-btn-border-hover:#aeb7c2;
  --jay-btn-text:#1f2937;
  --jay-btn-shadow:0 1px 2px rgba(15,23,42,.04);
}

html body button:not(.video-center-toggle):not(.video-ctl),
html body input[type="button"],
html body input[type="submit"],
html body input[type="reset"],
html body .btn,
html body .button,
html body .secondary,
html body .ghost,
html body .mini-btn,
html body .tool-link,
html body .download-link,
html body a[role="button"]{
  background:var(--jay-btn-bg)!important;
  background-image:none!important;
  color:var(--jay-btn-text)!important;
  border:1px solid var(--jay-btn-border)!important;
  border-radius:9px!important;
  box-shadow:var(--jay-btn-shadow)!important;
  text-shadow:none!important;
  font-weight:700!important;
  transition:background .14s ease,border-color .14s ease,transform .14s ease,box-shadow .14s ease!important;
}

html body button:not(.video-center-toggle):not(.video-ctl):hover,
html body input[type="button"]:hover,
html body input[type="submit"]:hover,
html body input[type="reset"]:hover,
html body .btn:hover,
html body .button:hover,
html body .secondary:hover,
html body .ghost:hover,
html body .mini-btn:hover,
html body .tool-link:hover,
html body .download-link:hover,
html body a[role="button"]:hover{
  background:var(--jay-btn-bg-hover)!important;
  border-color:var(--jay-btn-border-hover)!important;
  color:#111827!important;
  box-shadow:0 2px 5px rgba(15,23,42,.07)!important;
  transform:translateY(-1px);
}

html body button:active,
html body .btn:active,
html body .button:active,
html body .mini-btn:active{
  background:var(--jay-btn-bg-active)!important;
  transform:translateY(0)!important;
}

html body button.active,
html body button[aria-pressed="true"],
html body .btn.active,
html body .tabbtn.active,
html body .lspro-mode-toggle button.active{
  background:#eceff3!important;
  color:#111827!important;
  border-color:#8f99a5!important;
  box-shadow:inset 0 0 0 1px rgba(17,24,39,.04)!important;
}

html body button:disabled,
html body .btn:disabled,
html body .button:disabled{
  background:#f5f6f7!important;
  color:#9aa3ad!important;
  border-color:#e0e4e8!important;
  box-shadow:none!important;
  cursor:not-allowed!important;
  transform:none!important;
}

/* Destructive actions keep meaning without using a filled red button. */
html body button.danger,
html body .danger,
html body [data-delete],
html body [data-action="delete"]{
  background:#fff!important;
  color:#a33a3a!important;
  border-color:#dfbcbc!important;
}

/* Preserve small status dots/icons while removing blue filled action surfaces. */
html body .modern-autosave-toggle .autosave-dot{border-radius:999px!important}
html body .video-center-toggle,
html body .video-ctl{border-radius:999px!important}