/* Inurofication v2 Pass 17: Cascade-preserving consolidation. Source order unchanged. */

/* ===== Original source: css/inurofication-background-options-pass15g.css ===== */
/* Pass 15g: Background Options. Scoped to the background editing view. */
#objectOptionsBody .background-options-section .section-title{color:#d5f5fb}
#objectOptionsBody .inuro-background-mode-stack{display:flex;flex-direction:column;gap:4px;margin:8px 0 12px}
#objectOptionsBody .inuro-background-mode-stack .fill-mode-btn{
  display:block;width:100%;min-height:34px;text-align:left;position:relative;
  border:0;border-radius:7px;background:transparent;color:#fff;
  padding:7px 12px;font:inherit;cursor:pointer;transition:background .14s,color .14s;
}
#objectOptionsBody .inuro-background-mode-stack .fill-mode-btn:hover:not(.active){
  background:#124653;color:#54e5f3;
}
#objectOptionsBody .inuro-background-mode-stack .fill-mode-btn.active{
  background:linear-gradient(90deg,rgba(0,206,233,.27),rgba(0,130,156,.11) 55%,transparent 100%);
  color:#fff;
}
#objectOptionsBody .background-fill-section[hidden]{display:none!important}
#objectOptionsBody .background-gradient-options .background-gradient-type-box{
  background:#122a3a;border:1px solid #315366;border-radius:7px;min-height:35px;
}
#objectOptionsBody .background-gradient-options .backgroundGradientTypeInput{
  background:transparent!important;color:#fff;border:0!important;
}
#objectOptionsBody .background-gradient-options .background-gradient-type-open{
  background:transparent;color:#fff;border:0;border-radius:6px;
}
#objectOptionsBody .background-gradient-options .background-gradient-type-open:hover{
  background:#124653;color:#54e5f3;
}
#objectOptionsBody .background-gradient-options input[type="range"]{accent-color:#27cfe4;cursor:pointer}
#objectOptionsBody .background-gradient-options .background-gradient-stop-add,
#objectOptionsBody .background-gradient-options .background-gradient-stop-delete{
  background:transparent;color:#fff;border:0;border-radius:7px;
  padding:7px 10px;cursor:pointer;font:inherit;
}
#objectOptionsBody .background-gradient-options .background-gradient-stop-add:hover,
#objectOptionsBody .background-gradient-options .background-gradient-stop-delete:hover:not(:disabled){
  background:#124653;color:#54e5f3;
}
#objectOptionsBody .background-gradient-options .background-gradient-stop-delete:hover:not(:disabled){
  background:#54252c;color:#ff8c96;
}
#objectOptionsBody .background-gradient-options .background-gradient-stop-delete:disabled{
  opacity:.38;cursor:default;
}


/* ===== Original source: css/inurofication-background-options-pass15g1.css ===== */
/* Pass 15g.1: Background modes are an accordion, matching Studio left sidebar states. */
#objectOptionsBody .inuro-background-mode-stack{display:flex;flex-direction:column;gap:0;margin:8px 0 12px}
#objectOptionsBody .inuro-background-mode-stack > .fill-mode-btn{
  box-sizing:border-box;display:flex;align-items:center;flex:none;width:100%;height:36px;min-height:36px;
  margin:0;padding:0 12px 0 24px;text-align:left;position:relative;
  border:0!important;border-radius:7px!important;box-shadow:none!important;
  background:transparent!important;color:#fff!important;font:inherit;font-weight:500;cursor:pointer;
  transition:background .14s ease,color .14s ease;
}
#objectOptionsBody .inuro-background-mode-stack > .fill-mode-btn:hover:not(.active){
  background:#0c3342!important;color:#22d6e5!important;
}
#objectOptionsBody .inuro-background-mode-stack > .fill-mode-btn.active{
  background:linear-gradient(90deg,rgba(0,210,233,.22) 0%,rgba(0,142,170,.10) 60%,transparent 100%)!important;
  color:#fff!important;
}

#objectOptionsBody .inuro-background-mode-stack > .background-fill-section{
  box-sizing:border-box;padding:12px 8px 16px 12px;margin:0 0 4px 0;width:100%;
}
#objectOptionsBody .inuro-background-mode-stack > .background-fill-section[hidden]{display:none!important}


/* ===== Original source: css/inurofication-background-options-pass15g3.css ===== */
/* 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;
}


/* ===== Original source: css/inurofication-background-options-pass15g6.css ===== */
/* Pass 15g.6: restore spinner-free numeric fields in Background Options.
   Scoped to the background gradient controls; retains numeric input and keyboard editing. */
#objectOptionsBody .background-gradient-options input[type="number"]{
  appearance:textfield;
  -moz-appearance:textfield;
}
#objectOptionsBody .background-gradient-options input[type="number"]::-webkit-inner-spin-button,
#objectOptionsBody .background-gradient-options input[type="number"]::-webkit-outer-spin-button{
  -webkit-appearance:none;
  appearance:none;
  margin:0;
  display:none;
}