/* Application-wide styles */

/* Import workflow and timeline styles */
@import url("/assets/workflow_board-93dbeb40.css");
@import url("/assets/workflow_preview-14e25288.css");
@import url("/assets/timeline-a468c36f.css");
@import url("/assets/actiontext-a9be2ebe.css");
@import url("/assets/turbo_frames-a0e64e59.css");
@import url("/assets/phone_mockup-076531e7.css");
/* @import url("/assets/lexxy_toolbar-ab8fc5c8.css"); */

/* Embed workflow editor inside the standard organization layout */
.workflow-canvas--embedded {
  position: relative;
  inset: auto;
  width: 100%;
  height: 100%;
  min-height: 100%;
  overflow: auto;
}

.workflow-canvas--embedded .workflow-content {
  min-width: max-content;
  min-height: 100%;
  padding: 120px 40px 40px;
}

.workflow-canvas--embedded .workflow-board {
  min-height: calc(100% - 40px);
}

@media (max-width: 768px) {
  .workflow-canvas--embedded .workflow-content {
    padding: 80px 20px 20px;
  }
}

/* Prevent iOS Safari zoom when focusing form fields on mobile
   Safari triggers zoom if input font-size is below 16px. Ensure
   inputs, selects, and textareas use 16px on small screens. */
@supports (-webkit-touch-callout: none) {
  @media (max-width: 768px) {
    input,
    select,
    textarea {
      font-size: 16px !important;
    }
  }
}