.imk-togglefield .x-toggleslider .x-fill-el,
.imk-togglefield .x-toggleslider .x-thumb,
.x-picker.x-floated .x-selected,
.x-treelist-nav,
.x-treelist-nav .x-treelist-toolstrip,
.x-treelist-nav .x-treelist-item-tool-floated:after,
.x-treelist-nav .x-treelist-item-floated > .x-treelist-row,
.x-treelist-nav .x-treelist-item-floated > .x-treelist-row-over,
body .x-treelist-nav .x-treelist-item-expanded,
.x-selmodel-extender-drag-handle,
.x-selmodel-extender-mask,
.x-progress .x-progress-bar,
.main-user-profile-menu-floating .x-menu-body-el,
.x-toolbar.main-toolbar,
.imk-toolbar .x-button.imk-view-button-default .x-inner-el,
.imk-form .x-button.x-has-text .x-inner-el,
.x-dialogheader,
.x-titlebar,
.x-listswiperstepper-action.x-active,
.x-datepanel .x-dateview tbody .x-cell.x-today .x-inner,
.x-datepanel .x-dateview tbody .x-cell.x-selected .x-inner,
.x-analogtimeheader .x-header-el,
.x-analogtime .x-analog-picker-hand-el,
.x-edge .x-analogtime .x-analog-picker-hand-el,
.x-edge .x-analogtime .x-analog-picker-hand-el:before,
.x-edge .x-analogtime .x-analog-picker-hand-el:after,
.x-analogtime .x-analog-picker-hand-el:before,
.x-analogtime .x-analog-picker-hand-el:after,
.x-tabbar {
  background: #FF8300 !important;
}

.imk-form .x-textfield .x-before-input-el .x-font-icon:before,
.imk-form .x-textfield .x-after-input-el .x-font-icon:before,
.imk-form .x-field-label .fas,
.imk-form .x-field > .x-label-el .fas,
.imk-form .x-form-fieldset .fas,
.imk-grid .x-tool .x-icon-el,
.imk-grid .x-tool-gridcell .x-fa,
.imk-grid .x-tool-gridcell .x-fi:before,
.imk-view-widget-grid .x-panelheader .x-paneltitle .x-icon-el,
.imk-datepickerrangefield .x-button .x-inner-el .x-icon-el,
.imk-radiogroup .x-radiofield.x-checked .x-icon-el:before,
.imk-checkbox.imk-checkbox-big.x-checked .x-label-el,
.imk-checkbox.imk-checkbox-big.x-checked .x-icon-el:before,
.imk-login .imk-login-form > .x-panel-body-wrap-el > .x-panel-body-el,
.imk-login .imk-login-header,
.imk-login .imk-login-header a,
.imk-login .imk-login-header .logo,
.imk-toolbar .x-textfield .x-before-input-el .x-font-icon:before,
.imk-toolbar .x-textfield .x-after-input-el .x-font-icon:before,
.x-pullrefreshbar .x-pullrefreshbar-arrow,
.x-column-options-visibleindicator.x-icon-el,
.x-column-options-grouped .x-column-options-groupindicator.x-icon-el,
.x-tab.x-active,
.x-tab.x-active .x-icon-el,
.x-tab.x-active .x-arrow-el,
.x-tab.x-active.x-focused,
.x-tab.x-active.x-focused .x-icon-el,
.x-tab.x-active.x-focused .x-arrow-el,
.x-panel-login-body-el {
  color: #FF8300 !important;
}

.imk-form .x-button.x-has-text .x-inner-el {
  color: #FFFFFF;
}

/* BOTONES CON GRADIENTE (claro → base → oscuro) */
.x-button-action .x-inner-el,
body .x-button.x-hovered .x-inner-el {
  border-color: #FF8300 !important;
  
  background-image: -webkit-linear-gradient(
    top,
    #FF9C30,
    #FF8300 50%,
    #CD7906 51%,
    #FF8300
  ) !important;

  background-image: -moz-linear-gradient(
    top,
    #FF9C30,
    #FF8300 50%,
    #CD7906 51%,
    #FF8300
  ) !important;

  background-image: -o-linear-gradient(
    top,
    #FF9C30,
    #FF8300 50%,
    #CD7906 51%,
    #FF8300
  ) !important;

  background-image: -ms-linear-gradient(
    top,
    #FF9C30,
    #FF8300 50%,
    #CD7906 51%,
    #FF8300
  ) !important;
}

/* SEGUNDO GRADIENTE (botón normal) */
body .x-button .x-inner-el {
  border: 1px solid #E85847;

  background-image: -webkit-linear-gradient(
    top,
    #FE975A,
    #FE854A 50%,
    #FF8040 51%,
    #FE854A
  );

  background-image: -moz-linear-gradient(
    top,
    #FE975A,
    #FE854A 50%,
    #FF8040 51%,
    #FE854A
  );

  background-image: -o-linear-gradient(
    top,
    #FE975A,
    #FE854A 50%,
    #FF8040 51%,
    #FE854A
  );

  background-image: -ms-linear-gradient(
    top,
    #FE975A,
    #FE854A 50%,
    #FF8040 51%,
    #FE854A
  );
}

.x-keyboard-mode .x-tool.x-focused {
  outline: 1px solid #FF8300 !important;
}

/* Bordes */
.x-panel > .x-anchor-el .x-pointer-el,
.x-panel-calendar-overflow > .x-anchor-el .x-pointer-el,
.x-dialog > .x-anchor-el .x-pointer-el {
  stroke: #FF8300 !important;
}

/* Muchísimos bordes laterales repetidos → todos a FF8300 */
body [class*="x-panel-outer-border"],
body [class*="x-dialog-outer-border"],
body [class*="x-panel-calendar-overflow-outer-border"] {
  border-color: #FF8300 !important;
}

body .imk-form .x-textfield .x-interactive .x-font-icon:before {
  color: rgba(255, 131, 0, 0.7) !important;
}

body .imk-login .imk-login-form > .x-panel-body-wrap-el > .x-panel-body-el,
.x-panel-login-body-el {
  background-color: rgba(255, 131, 0, 0.25) !important;
}

/* Treelist */
.x-treelist-nav .x-treelist-item-selected.x-treelist-item-tool,
.x-treelist-nav .x-treelist-item-selected > .x-treelist-row,
.x-treelist-nav .x-treelist-item-expanded {
  background: #FF9930 !important;
}

.x-treelist-nav .x-treelist-item-tool.x-treelist-item-tool-floated,
.x-treelist-nav .x-treelist-row-over {
  background: #FF8D1C !important;
}

.x-treelist-nav .x-treelist-item-floated > .x-treelist-row-over {
  background-color: #FF8300 !important;
}

/* Toast error */
body .imk-toast-error .x-panelheader,
body .imk-toast-error .x-toast-body-el {
  background-color: #FF8300 !important;
}

/* Botones especiales */
.imk-form .x-button.control-horario-iniciar .x-inner-el {
  background-color: #b8efd0 !important;
  color: #000 !important;
  background-image: none !important;
}

.imk-form .x-button.control-horario-pausar .x-inner-el {
  background-color: #f7e298 !important;
  color: #000 !important;
  background-image: none !important;
}

.imk-form .x-button.control-horario-finalizar .x-inner-el {
  background-color: #ffa6a6 !important;
  color: #000 !important;
  background-image: none !important;
}

/* Varios */
.x-analogtime .x-analog-picker-hand-el:after {
  box-shadow: 0 0 0 15px #FF8300 !important;
}
.x-analogtime .x-analog-picker-hand-el.format-24hr:after {
  box-shadow: 0 0 0 14px #FF8300 !important;
}

.x-gauge .x-gauge-value {
  fill: #FF8300 !important;
}