/* 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:var(--inuro-ice);border:0;border-radius:7px;
  padding:7px 10px;cursor:pointer;
  font-family:var(--inuro-ui-font);font-size:var(--inuro-ui-text-size);
  font-weight:var(--inuro-ui-text-weight);line-height:var(--inuro-ui-text-line);
}
#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:var(--inuro-ice)!important;
  font-family:var(--inuro-ui-font);font-size:var(--inuro-ui-text-size);
  font-weight:var(--inuro-ui-text-weight);line-height:var(--inuro-ui-text-line);
  letter-spacing:normal;text-transform:none;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:var(--inuro-ice)!important;
  font-family:var(--inuro-ui-font)!important;
  font-size:var(--inuro-ui-text-size)!important;
  font-weight:var(--inuro-ui-text-weight)!important;
  line-height:var(--inuro-ui-text-line)!important;
  letter-spacing:normal!important;text-transform:none!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;
}


/* Pass 20.4: Firefox paints the native track above the input background. */
:is(#objectOptionsBody .background-gradient-options, .inuro-native-texture-scale) input[type="range"]{
 -webkit-appearance:none;appearance:none;height:4px;padding:0;border:0;border-radius:999px;
 background:linear-gradient(90deg,#173746 0%,#1a6271 55%,#22d6e5 100%);cursor:pointer;
}
:is(#objectOptionsBody .background-gradient-options, .inuro-native-texture-scale) input[type="range"]::-moz-range-track{
 height:4px;border:0;border-radius:999px;
 background:linear-gradient(90deg,#173746 0%,#1a6271 55%,#22d6e5 100%);
}
:is(#objectOptionsBody .background-gradient-options, .inuro-native-texture-scale) input[type="range"]::-moz-range-progress{
 height:4px;border:0;border-radius:999px;background:transparent;
}
:is(#objectOptionsBody .background-gradient-options, .inuro-native-texture-scale) input[type="range"]::-webkit-slider-runnable-track{
 height:4px;border:0;border-radius:999px;background:transparent;
}
:is(#objectOptionsBody .background-gradient-options, .inuro-native-texture-scale) input[type="range"]::-webkit-slider-thumb{
 -webkit-appearance:none;appearance:none;width:17px;height:17px;margin-top:-6.5px;
 border-radius:50%;background:#27dce9;border:2px solid #fff;box-shadow:0 0 0 2px rgba(39,220,233,.22);
}
:is(#objectOptionsBody .background-gradient-options, .inuro-native-texture-scale) input[type="range"]::-moz-range-thumb{
 width:13px;height:13px;border-radius:50%;background:#27dce9;border:2px solid #fff;
 box-shadow:0 0 0 2px rgba(39,220,233,.22);
}
:is(#objectOptionsBody .background-gradient-options, .inuro-native-texture-scale) input[type="range"]:focus-visible{
 outline:2px solid #22d6e5;outline-offset:5px;
}

/* Pass 23: Object Fill uses the same stacked Inuro mode tabs as Background Options.
   Scoped to Fill so other legacy mode switches keep their own layout. */
#objectOptionsBody .fill-panel .fill-mode-switch.inuro-background-mode-stack{
  display:flex;flex-direction:column;gap:4px;margin:8px 0 12px;
}
#objectOptionsBody .fill-panel .fill-mode-switch.inuro-background-mode-stack .fill-mode-btn{
  display:block;width:100%;min-height:34px;position:relative;
  text-align:left;padding:7px 12px;border:0;border-radius:7px;
  background:transparent;color:var(--inuro-ice);font:inherit;font-weight:500;
  cursor:pointer;box-shadow:none;
}
#objectOptionsBody .fill-panel .fill-mode-switch.inuro-background-mode-stack .fill-mode-btn:hover:not(.active){
  background:#124653;color:#54e5f3;
}
#objectOptionsBody .fill-panel .fill-mode-switch.inuro-background-mode-stack .fill-mode-btn.active{
  color:#fff;border:0;
  background:linear-gradient(90deg,rgba(0,206,233,.27),rgba(0,130,156,.11) 55%,transparent 100%);
  box-shadow:inset 3px 0 0 #22d6e5;
}
/* Inuro action language within the Object Fill tab. Retain disabled danger state. */
#objectOptionsBody .fill-panel .gradientStopAdd,
#objectOptionsBody .fill-panel .gradientStopDelete{
  color:var(--inuro-ice)!important;
  font:inherit!important;font-weight:500!important;
  background:transparent!important;border:0!important;
  border-radius:7px!important;box-shadow:none!important;
}
#objectOptionsBody .fill-panel .gradientStopAdd:hover:not(:disabled),
#objectOptionsBody .fill-panel .gradientStopAdd:focus-visible:not(:disabled),
#objectOptionsBody .fill-panel .gradientStopDelete:hover:not(:disabled),
#objectOptionsBody .fill-panel .gradientStopDelete:focus-visible:not(:disabled){
  color:#22d9e7!important;background:#0d2e3c!important;
}
#objectOptionsBody .fill-panel .gradientStopAdd:disabled,
#objectOptionsBody .fill-panel .gradientStopDelete:disabled{opacity:.4!important;cursor:not-allowed!important;}

/* Pass 24: All Object Options collapsible panel headers follow Inuro's
   stacked navigation style. Preserve native details/summary behavior. */
#objectOptionsBody details.effect-panel > summary{
  background:transparent!important;
  color:var(--inuro-ice)!important;
  border:0!important;border-radius:7px!important;
  margin:4px 6px!important;padding:9px 10px!important;
  font:inherit!important;cursor:pointer;
}
#objectOptionsBody details.effect-panel > summary .section-title{
  color:var(--inuro-ice)!important;font:inherit!important;
}
#objectOptionsBody details.effect-panel > summary:hover{
  background:#0d2e3c!important;color:#22d9e7!important;
}
#objectOptionsBody details.effect-panel > summary:hover .section-title{color:#22d9e7!important;}
#objectOptionsBody details.effect-panel[open] > summary{
  background:linear-gradient(90deg,rgba(0,206,233,.27),rgba(0,130,156,.11) 55%,transparent 100%)!important;
  box-shadow:inset 3px 0 0 #22d6e5!important;
}
#objectOptionsBody details.effect-panel[open] > summary .section-title{color:#fff!important;}
/* Standard action controls in Transform, Fill and Effects. */
#objectOptionsBody .object-transform-panel button,
#objectOptionsBody .fill-panel .fill-transparent-row,
#objectOptionsBody .effect-panel .effect-enable-row{
  color:var(--inuro-ice)!important;background:transparent!important;
  border:0!important;border-radius:7px!important;
  box-shadow:none!important;font:inherit!important;
  cursor:pointer;
}
#objectOptionsBody .object-transform-panel button:hover:not(:disabled),
#objectOptionsBody .fill-panel .fill-transparent-row:hover,
#objectOptionsBody .effect-panel .effect-enable-row:hover{
  color:#22d9e7!important;background:#0d2e3c!important;
}
#objectOptionsBody .object-transform-panel button.active,
#objectOptionsBody .object-transform-panel button[aria-pressed="true"],
#objectOptionsBody .fill-panel .fill-transparent-row:has(input:checked),
#objectOptionsBody .effect-panel .effect-enable-row:has(input:checked){
  color:#fff!important;
  background:linear-gradient(90deg,rgba(0,206,233,.27),rgba(0,130,156,.11) 55%,transparent 100%)!important;
  box-shadow:inset 3px 0 0 #22d6e5!important;
}
#objectOptionsBody .object-transform-panel button:disabled{
  opacity:.4!important;cursor:not-allowed!important;
}
#objectOptionsBody .fill-panel .fill-transparent-row,
#objectOptionsBody .effect-panel .effect-enable-row{
  display:flex;align-items:center;gap:8px;padding:9px 11px!important;
}
#objectOptionsBody .fill-panel .fill-transparent-row input,
#objectOptionsBody .effect-panel .effect-enable-row input{accent-color:#22d6e5;}
#objectOptionsBody .effect-panel select,
#objectOptionsBody .effect-panel .fontbox{
  color:var(--inuro-ice);
}


/* Pass 25: Flat Object Options layout. Keep details/summary interactions
   and scrolling, remove obsolete nested card chrome only in this inspector. */
#objectOptionsModal .object-options-modal{
  background:var(--inuro-panel)!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
#objectOptionsBody details.effect-panel{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  padding:0!important;
  margin:8px 0 0!important;
}
#objectOptionsBody details.effect-panel > summary{
  margin:0!important;
  border:0!important;
  border-radius:7px!important;
}
#objectOptionsBody details.effect-panel > .effect-panel-controls{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:10px 8px 12px!important;
}
#objectOptionsBody .effect-enable-row{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#objectOptionsBody .texture-panel{display:none!important;}