@import url('/external/fonts/Raleway/raleway.css');
@import url('/external/fonts/Rubik/rubik.css');
@import url('/external/fonts/Inconsolata/inconsolata.css');

/* This stylesheet loads BEFORE the app bundle. Declare the app-wide cascade
   layer order here first (first declaration wins), and keep these pre-boot
   shell rules inside @layer vendor so bundle legacy/utilities rules can
   override them by layer order instead of load order. */
@layer properties, theme, base, vendor, legacy, components, utilities;

@layer vendor {
  .bpmn-icon-start-event-none::before {
    content: none !important;
  }
  
  .bpmn-icon-gateway-xor::before {
    vertical-align: top !important;
    content: none !important;
  }
  
  .djs-palette-entries {
    background: #f2f5fd;
    margin: 10px 7px 0px 10px;
    padding-top: 5px;
  }
  
  .djs-container > svg {
    height: 100vh;
  }
  
  .djs-overlay .djs-context-pad .entry.bpmn-icon-dialog {
    background-image: url('/assets/icons/dialog-pad.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    box-shadow: none;
  }
  
  .djs-overlay .djs-context-pad .entry.bpmn-icon-action {
    background: url('/assets/icons/action-pad.png') no-repeat;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    box-shadow: none;
  }
  
  .djs-overlay .djs-context-pad .entry.bpmn-icon-function {
    background: url('/assets/icons/function-pad.png') no-repeat;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    box-shadow: none;
  }
  
  .djs-overlay .djs-context-pad .entry.bpmn-icon-subs {
    background: url('/assets/icons/subs-pad.svg') no-repeat;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    box-shadow: none;
  }
  
  .djs-overlay .djs-context-pad .entry.bpmn-icon-connection-multi {
    background-repeat: no-repeat;
    background-color: transparent;
    box-shadow: none;
  }
  
  .djs-overlay .djs-context-pad .entry.bpmn-icon-trash {
    background-repeat: no-repeat;
    background-color: transparent;
    box-shadow: none;
  }
  
  .djs-overlay .djs-context-pad .entry.bpmn-icon-end-event-none {
    background-repeat: no-repeat;
    background-color: transparent;
    box-shadow: none;
  }
  
  .djs-overlay .djs-context-pad .entry.bpmn-icon-gateway-none {
    background-repeat: no-repeat;
    background-color: transparent;
    box-shadow: none;
  }
  
  .entry.bpmn-icon-dialog:hover,
  .entry.bpmn-icon-action:hover,
  .entry.bpmn-icon-function:hover {
    background-color: rgba(0, 145, 218, 0.3) !important;
  }
  
  .icon-custom-rest,
  .icon-custom-sql {
    background: url('/assets/icons/flow-icon-custom-rest.png') no-repeat;
  }
  
  .icon-custom-buttons {
    background: url('/assets/icons/icon-custom-buttons.svg') no-repeat;
    display: none;
  }
  
  .icon-custom-question {
    background: url('/assets/icons/icon-custom-question.svg') no-repeat;
    display: none;
  }
  
  .icon-custom-transfer {
    background: url('/assets/icons/flow-start-icon.svg') no-repeat;
    display: none;
  }
  
  .icon-custom-sap {
    background: url('/assets/icons/icon-custom-sap.svg') no-repeat;
    display: none;
  }
  
  .icon-custom-intercom {
    background: url('/assets/icons/icon-custom-intercom.svg') no-repeat;
    display: none;
  }
  
  .icon-custom-triangle {
    background: url('/assets/icons/icon-custom-triangle.svg');
  }
  
  .icon-custom-circle {
    background: url('/assets/icons/icon-custom-circle.svg');
  }
  
  .details.panel {
    position: relative !important;
    height: auto !important;
    left: 0 !important;
    bottom: 0 !important;
  }
  
  .details.panel .chat-details {
    width: 30%;
  }
  
  .nav-item,
  .wc-header {
    width: 100%;
  }
  
  .nav-tabs .nav-link.active {
    background-color: #f3f3f3;
  }
  
  .form-group {
    margin-bottom: 5px;
  }
  
  .djs-palette.two-column.open {
    width: 90px;
    padding: 0 20px;
  }
  
  .ac-container div {
    white-space: normal !important;
  }
  
  .djs-palette-entries .bpmn-icon-end-event-none:before {
    content: normal;
  }
  
  .djs-palette-toggle {
    display: none;
  }
}