@import url(datatables.net-buttons-dt/css/buttons.dataTables.css);
@import url(datatables.net-rowgroup-dt/css/rowGroup.dataTables.css);
/* line 1, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
[data-documentation-view][hidden] + .flow-documentation__view-actions {
  display: none;
}

/* line 5, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation {
  margin-bottom: 1.5rem;
}
/* line 8, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__header {
  align-items: center;
  background: #fff;
  border: 0;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 0;
  text-align: left;
  width: 100%;
}
/* line 20, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__header:hover, .flow-documentation__header:focus {
  background: #efefef;
}
/* line 25, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__toggle {
  align-items: center;
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  display: flex;
  flex: 1 1 auto;
  justify-content: space-between;
  min-width: 0;
  padding: 1.3rem 0 1.3rem 2.2rem;
  text-align: left;
}
/* line 39, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__toggle:hover, .flow-documentation__toggle:focus {
  background: transparent;
  color: inherit;
  outline: 0;
}
/* line 46, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__title {
  align-items: center;
  display: inline-flex;
  margin: 0;
  gap: .5rem;
}
/* line 53, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__title > i {
  color: #1976d2;
  font-size: 18px;
}
/* line 58, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__summary {
  align-items: center;
  display: inline-flex;
  gap: .75rem;
  padding-right: 2.2rem;
}
/* line 65, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__version-badge {
  background: #1976d2;
}
/* line 69, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__history-trigger {
  background: transparent;
  border: 0;
  color: #1976d2;
  cursor: pointer;
  font-size: 11px;
  font-weight: 500;
  padding: .25rem;
  text-decoration: underline;
}
/* line 80, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__chevron {
  position: absolute;
  right: 1rem;
  transition: transform .2s ease;
}
/* line 86, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation[data-documentation-open="true"] .flow-documentation__chevron {
  transform: rotate(180deg);
}
/* line 90, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__content[hidden] {
  display: none;
}
/* line 94, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__markdown, .flow-documentation__preview {
  min-height: 5rem;
}
/* line 98, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__markdown ul, .flow-documentation__preview ul {
  padding-left: 2rem;
}
/* line 102, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__markdown h1, .flow-documentation__markdown h2, .flow-documentation__preview h1, .flow-documentation__preview h2 {
  border-bottom: 1px solid rgba(209, 217, 224, 0.7);
  margin: 1.5rem 0 .5rem;
  padding-bottom: .3em;
}
/* line 108, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__markdown code, .flow-documentation__preview code {
  font-family: Consolas, Monaco, monospace;
  background: #eceff1;
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 90%;
  color: #c62828;
}
/* line 117, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__markdown table, .flow-documentation__preview table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 16px;
}
/* line 123, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__markdown tr:hover, .flow-documentation__preview tr:hover {
  background: #fafafa;
}
/* line 127, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__markdown th, .flow-documentation__preview th {
  background: #f5f7f8;
}
/* line 131, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__markdown th, .flow-documentation__markdown td, .flow-documentation__preview th, .flow-documentation__preview td {
  border: 1px solid #cfd8dc;
  padding: 8px 12px;
  text-align: left;
}
/* line 141, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__history-content ul.task-list, .flow-documentation__markdown ul.task-list, .flow-documentation__preview ul.task-list {
  list-style: none;
  padding-left: 2rem;
}
/* line 146, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__history-content li.task-list-item, .flow-documentation__markdown li.task-list-item, .flow-documentation__preview li.task-list-item {
  display: flex;
  align-items: center;
  gap: .5rem;
}
/* line 152, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__history-content input.task-list-item-checkbox, .flow-documentation__markdown input.task-list-item-checkbox, .flow-documentation__preview input.task-list-item-checkbox {
  flex: 0 0 auto;
  margin: 0 0 0 -1.4em;
}
/* line 157, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__history-content blockquote, .flow-documentation__markdown blockquote, .flow-documentation__preview blockquote {
  padding: .5rem 0 .5rem 1rem;
  border-left: 4px solid #bfbfc3;
}
/* line 162, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__history-content p:last-child, .flow-documentation__markdown p:last-child, .flow-documentation__preview p:last-child {
  margin: 0;
}
/* line 166, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__history-content pre, .flow-documentation__markdown pre, .flow-documentation__preview pre {
  background-color: #fff;
  border: 1px solid #dcdcde;
  color: #3a383f;
  margin: 1rem 0;
}
/* line 174, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__markdown {
  border: 1px solid #e4e8ed;
  border-radius: 4px;
  padding: 1rem 1.25rem;
}
/* line 180, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__empty, .flow-documentation__attachments-empty, .flow-documentation__upload-formats {
  color: #7a8793;
  font-size: .875rem;
}
/* line 187, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__view-actions {
  display: flex;
  justify-content: flex-end;
  margin: 1rem 0;
}
/* line 193, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation[data-documentation-open="true"] .flow-documentation__view-actions {
  bottom: 1rem;
  position: sticky;
  z-index: 2;
}
/* line 199, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation[data-documentation-open="true"] [data-documentation-edit-button].is-icon-only {
  align-items: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  display: inline-flex;
  height: 50px;
  justify-content: center;
  min-height: 50px;
  min-width: 50px;
  padding: 0;
  width: 50px;
}
/* line 210, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation[data-documentation-open="true"] [data-documentation-edit-button].is-icon-only .flow-documentation__edit-label {
  display: none;
}
/* line 214, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation[data-documentation-open="true"] [data-documentation-edit-button].is-icon-only i {
  font-size: 20px;
}
/* line 219, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__editor {
  border: 1px solid #dce2e8;
  border-radius: 4px;
}
/* line 224, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__toolbar {
  align-items: center;
  background: #f4f6f8;
  border-bottom: 1px solid #dce2e8;
  display: flex;
  flex-wrap: wrap;
  gap: .25rem;
  padding: .5rem;
  position: sticky;
  top: 0;
  z-index: 2;
}
/* line 237, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__toolbar-button {
  align-items: center;
  background: #fff;
  border: 1px solid #dce2e8;
  border-radius: 3px;
  color: #41505f;
  cursor: pointer;
  display: inline-flex;
  font-size: .875rem;
  height: 32px;
  justify-content: center;
  min-width: 32px;
  padding: 0 .5rem;
}
/* line 252, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__toolbar-button:hover, .flow-documentation__toolbar-button:focus {
  border-color: #1976d2;
  color: #1976d2;
}
/* line 258, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__editor-panes {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  height: 68vh;
  max-height: 620px;
  min-height: 300px;
  overflow: hidden;
}
/* line 267, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__raw, .flow-documentation__preview {
  border: 0;
  border-radius: 0;
  min-height: 0;
  overflow: auto;
  padding: 1rem;
  scrollbar-color: #c4c9d2 transparent;
  scrollbar-width: thin;
}
/* line 278, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__raw::-webkit-scrollbar, .flow-documentation__preview::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
/* line 283, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__raw::-webkit-scrollbar-track, .flow-documentation__preview::-webkit-scrollbar-track {
  background: 0 0;
}
/* line 287, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__raw::-webkit-scrollbar-thumb, .flow-documentation__preview::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb-color);
  background-clip: padding-box;
  border: 1px solid #0000;
  border-radius: 999px;
}
/* line 294, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__raw::-webkit-scrollbar-thumb:hover, .flow-documentation__preview::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover-color);
}
/* line 299, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__raw {
  border-right: 1px solid #dce2e8;
  border-radius: unset !important;
  font-family: monospace;
  resize: none;
}
/* line 306, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__preview {
  overflow: auto;
}
/* line 310, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__upload-heading, .flow-documentation__attachments-heading {
  color: #3d4b59;
  font-size: .8125rem;
  font-weight: 700;
  margin: 1.25rem 0 .625rem;
  text-transform: none;
}
/* line 319, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__upload-zone {
  align-items: center;
  border: 2px dashed #c7d0d9;
  border-radius: 5px;
  color: #657381;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 112px;
  padding: 1rem;
  text-align: center;
  transition: border-color .2s ease, background .2s ease;
}
/* line 334, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__upload-zone:hover, .flow-documentation__upload-zone:focus, .flow-documentation__upload-zone.is-dragging {
  background: #f4f8fc;
  border-color: #1976d2;
  color: #1976d2;
}
/* line 342, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__upload-zone > i {
  font-size: 26px;
}
/* line 346, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__upload-zone p {
  margin: .5rem 0 0;
}
/* line 350, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__upload-zone p span {
  color: #1976d2;
  text-decoration: underline;
}
/* line 355, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__file-input {
  height: 1px;
  opacity: 0;
  position: absolute;
  width: 1px;
}
/* line 362, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__upload-formats {
  margin: .4rem 0 0;
}
/* line 366, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__pending-file {
  align-items: center;
  background: #f4f6f8;
  border-radius: 3px;
  display: flex;
  gap: .75rem;
  justify-content: flex-start;
  margin-top: .375rem;
  padding: .5rem .75rem;
}
/* line 377, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__pending-file-info {
  align-items: center;
  display: flex;
  gap: .75rem;
  min-width: 0;
}
/* line 384, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__pending-file-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* line 391, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__pending-file-size {
  flex: 0 0 auto;
  white-space: nowrap;
}
/* line 396, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__pending-file .btn {
  flex: 0 0 auto;
  margin-left: auto;
}
/* line 401, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__attachment-list {
  display: grid;
  gap: .5rem;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
}
/* line 407, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__attachment-card {
  align-items: center;
  border: 1px solid #e1e6eb;
  border-radius: 4px;
  display: flex;
  gap: .625rem;
  min-width: 0;
  padding: .625rem .75rem;
}
/* line 417, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__attachment-card.is-removed {
  opacity: .45;
}
/* line 421, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__attachment-icon {
  color: #1976d2;
  font-size: 23px;
}
/* line 426, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__attachment-info {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
}
/* line 433, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__attachment-name {
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* line 440, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__attachment-info small {
  color: #7a8793;
}
/* line 444, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__attachment-remove {
  background: transparent;
  border: 0;
  color: #c0392b;
  cursor: pointer;
  font-size: 18px;
  padding: .25rem;
}
/* line 453, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__attachment-remove:disabled, .flow-documentation__toolbar-button:disabled {
  cursor: not-allowed;
}
/* line 458, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__actions {
  align-items: center;
  display: flex;
  gap: .5rem;
  justify-content: flex-start;
  margin-top: 1.25rem;
}
/* line 466, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__history-body {
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(180px, 0.35fr) minmax(0, 1fr);
  min-height: 0;
  overflow: hidden;
}
/* line 474, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__history-modal {
  border-radius: unset;
  max-height: 100vh;
}
/* line 478, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__history-modal .modal-content {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 50px);
  max-height: calc(100vh - 50px);
}
/* line 486, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__history-list {
  border-right: 1px solid #e1e6eb;
  display: flex;
  flex-direction: column;
  gap: .25rem;
  min-height: 0;
  padding-right: 1rem;
}
/* line 495, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__history-item {
  align-items: flex-start;
  border-radius: 4px;
  color: #3d4b59;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: .25rem;
  padding: .625rem;
}
/* line 506, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__history-item:hover, .flow-documentation__history-item.is-active {
  background: #eef5fc;
  color: #1976d2;
}
/* line 512, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__history-item.is-selected {
  background: #dceeff;
  box-shadow: inset 3px 0 #1976d2;
  color: #0e5ea8;
}
/* line 518, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__history-item time {
  color: #7a8793;
  font-size: .75rem;
}
/* line 523, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__active-label {
  background: #e3f2fd;
  border-radius: 3px;
  font-size: .6875rem;
  margin-left: .25rem;
  padding: .125rem .25rem;
}
/* line 531, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
.flow-documentation__history-content {
  min-height: 0;
  min-width: 0;
  overflow-y: auto;
}

@media (max-width: 767px) {
  /* line 540, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
  .flow-documentation__editor-panes, .flow-documentation__history-body {
    grid-template-columns: 1fr;
  }
  /* line 545, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
  .flow-documentation__editor-panes {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  /* line 549, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
  .flow-documentation__history-modal .modal-content {
    height: calc(100vh - 20px);
    max-height: calc(100vh - 20px);
  }
  /* line 554, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
  .flow-documentation__raw {
    border-bottom: 1px solid #dce2e8;
    border-right: 0;
  }
  /* line 559, /workspaces/spa-3/app/assets/stylesheets/flow_documentation.scss */
  .flow-documentation__history-list {
    border-bottom: 1px solid #e1e6eb;
    border-right: 0;
    padding-bottom: .75rem;
    padding-right: 0;
  }
}