/* Pass 15g.3: Background Options CSS cascade cleanup. The old button/gradient
   selectors in styles.css include !important; keep overrides scoped to this panel. */
/* Selected and hovered tabs follow the established Studio left sidebar palette. */
#objectOptionsBody .inuro-background-mode-stack > .fill-mode-btn:hover:not(.active){
  background:#0d2e3c!important;color:#22d9e7!important;
  border:0!important;box-shadow:none!important;
}
#objectOptionsBody .inuro-background-mode-stack > .fill-mode-btn.active{
  /* Exact same selected paint as Studio Pointer (sidebar pass04). */
  background:linear-gradient(90deg,#123149,#0c1d2c)!important;
  color:#fff!important;
  border-color:transparent!important;
  border-radius:7px!important;
  box-shadow:inset 2px 0 #2adfff!important;
}

/* Color selector is an unframed swatch + value. No box highlight in any state. */
#objectOptionsBody .background-solid-color .background-options-color-button,
#objectOptionsBody .background-solid-color .background-options-color-button:hover,
#objectOptionsBody .background-solid-color .background-options-color-button:focus,
#objectOptionsBody .background-solid-color .background-options-color-button:focus-visible,
#objectOptionsBody .background-solid-color .background-options-color-button:active{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  width:100%!important;min-height:36px!important;gap:10px!important;
  padding:4px 10px!important;margin:0!important;
  background:transparent!important;background-image:none!important;
  border:0!important;outline:0!important;box-shadow:none!important;
  color:#fff!important;border-radius:0!important;
}
/* Stop actions are text-only until hover. Delete has danger hover only when enabled. */
#objectOptionsBody .background-gradient-options .background-gradient-stop-add,
#objectOptionsBody .background-gradient-options .gradientStopDelete.background-gradient-stop-delete{
  box-sizing:border-box!important;min-height:32px!important;min-width:0!important;
  width:auto!important;max-width:max-content!important;
  padding:6px 10px!important;margin:0!important;
  background:transparent!important;background-image:none!important;
  border:0!important;outline:0!important;box-shadow:none!important;
  border-radius:7px!important;color:#fff!important;
  font:inherit!important;font-weight:500!important;
  cursor:pointer!important;
}
#objectOptionsBody .background-gradient-options .background-gradient-stop-add:hover:not(:disabled),
#objectOptionsBody .background-gradient-options .background-gradient-stop-add:focus-visible{
  background:#0d2e3c!important;color:#22d9e7!important;
  border:0!important;box-shadow:none!important;
}
#objectOptionsBody .background-gradient-options .gradientStopDelete.background-gradient-stop-delete:hover:not(:disabled),
#objectOptionsBody .background-gradient-options .gradientStopDelete.background-gradient-stop-delete:focus-visible:not(:disabled){
  background:#4b202b!important;color:#ff8c96!important;
  border:0!important;box-shadow:none!important;
}
#objectOptionsBody .background-gradient-options .gradientStopDelete.background-gradient-stop-delete:disabled{
  opacity:.4!important;cursor:default!important;pointer-events:none!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
}