/* line 1, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__process {
  margin-left: calc(var(--procedure-level) * 12px);
  margin-bottom: 10px;
}

/* line 6, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__process-header {
  align-items: center;
  background: #fff;
  border: 1px solid #dbe3ed;
  border-radius: 8px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  min-height: 58px;
  padding: 6px 8px;
  transition: border-color .15s ease, box-shadow .15s ease, opacity .15s ease;
}

/* line 18, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__process-header:hover {
  border-color: #b8c8dc;
  box-shadow: 0 2px 7px rgba(39, 54, 72, 0.07);
}

/* line 23, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__process.is-current > .procedure-folder__process-header {
  background: #f3f8ff;
  border-color: #9fc2ec;
}

/* line 28, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__process-selection {
  align-self: center;
  margin: 0 8px 0 4px;
  padding: 7px 4px;
}

/* line 34, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__current-indicator {
  align-items: center;
  color: #1769c2;
  display: flex;
  flex-direction: column;
  font-size: .5625rem;
  font-weight: 700;
  gap: 2px;
  justify-content: center;
  line-height: 1;
  padding: 2px 4px;
  text-align: center;
  text-transform: uppercase;
  width: 44px;
}

/* line 50, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__current-indicator i {
  font-size: 1rem;
}

/* line 54, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__process-toggle {
  align-items: center;
  background: transparent;
  border: 0;
  color: #2e3d50;
  display: grid;
  gap: 9px;
  grid-template-columns: auto minmax(0, 1fr);
  min-width: 0;
  padding: 5px 4px;
  text-align: left;
  width: 100%;
}

/* line 68, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__process-toggle:focus-visible {
  border-radius: 6px;
  box-shadow: 0 0 0 3px rgba(23, 105, 194, 0.18);
  outline: 2px solid #1769c2;
  outline-offset: 1px;
}

/* line 75, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__process-icon {
  align-items: center;
  background: #e8f2ff;
  border-radius: 6px;
  color: #1769c2;
  display: inline-flex;
  font-size: 1.125rem;
  height: 30px;
  justify-content: center;
  width: 30px;
}

/* line 87, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__process-identity {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

/* line 93, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__process-identity strong {
  font-size: .8125rem;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

/* line 99, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__process-identity small {
  color: #7b8796;
  font-size: .6875rem;
  font-weight: 400;
  margin-top: 2px;
}

/* line 106, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__process-collapse .procedure-toggle-icon {
  color: #718096;
  font-size: 1.25rem;
  transition: transform .18s ease;
}

/* line 112, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__process-collapse[aria-expanded="true"] .procedure-toggle-icon {
  transform: rotate(180deg);
}

/* line 116, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__process-actions {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 2px;
}

/* line 123, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__process-collapse,
.procedure-folder__process-open {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 6px;
  color: #6b7d92;
  display: inline-flex;
  font-size: 1rem;
  height: 30px;
  justify-content: center;
  width: 30px;
}

/* line 137, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__process-collapse:hover,
.procedure-folder__process-collapse:focus-visible,
.procedure-folder__process-open:hover {
  background: #e8f2ff;
  color: #1769c2;
}

/* line 144, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__process-collapse:focus-visible,
.procedure-folder__process-open:focus-visible {
  box-shadow: 0 0 0 3px rgba(23, 105, 194, 0.18);
  outline: 2px solid #1769c2 !important;
  outline-offset: 1px;
}

/* line 151, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__process-open.is-hover-suppressed:hover {
  background: transparent;
  color: #6b7d92;
}

/* line 156, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__documents-panel {
  padding: 10px 4px 2px 18px;
}

/* line 160, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__children {
  margin-top: 10px;
}

/* line 164, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.associated-procedure-form {
  background: none;
  border: 0;
}

/* line 169, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__empty-process {
  align-items: center;
  background: #f8fafc;
  border: 1px dashed #cad5e2;
  border-radius: 7px;
  color: #718096;
  display: flex;
  font-size: .75rem;
  gap: 8px;
  padding: 12px;
}

/* line 181, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__empty-process i {
  font-size: 1.125rem;
}

/* line 185, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__document-groups {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 191, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__date-divider {
  align-items: center;
  color: #7b8796;
  display: flex;
  font-size: .6875rem;
  font-weight: 600;
  gap: 8px;
  margin: 8px 0;
}

/* line 201, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__date-divider::before,
.procedure-folder__date-divider::after {
  background: #dbe3ed;
  content: "";
  flex: 1;
  height: 1px;
}

/* line 209, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__document-group {
  background: transparent;
  margin: 0 0 10px;
  padding: 0;
}

/* line 215, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__document-type + .procedure-folder__document-type {
  margin-top: 10px;
}

/* line 219, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__document-type > h3 {
  align-items: center;
  color: #59687b;
  display: flex;
  font-size: .6875rem;
  font-weight: 700;
  gap: 6px;
  letter-spacing: .035em;
  margin: 0 0 6px;
  padding: 0 4px;
  text-transform: uppercase;
}

/* line 232, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__document-type > h3 i {
  color: #8190a3;
  font-size: .875rem;
}

/* line 237, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__document-type > h3 small {
  align-items: center;
  background: #dfe7f0;
  border-radius: 999px;
  display: inline-flex;
  font-size: .625rem;
  height: 18px;
  justify-content: center;
  margin-left: auto;
  min-width: 18px;
  padding: 0 5px;
}

/* line 250, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__document-tree,
.procedure-folder__linked-documents {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 257, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__document-tree-item {
  position: relative;
}

/* line 261, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__linked-documents {
  border-left: 1px solid #b9c8d9;
  margin: 0 0 8px 22px;
  padding-left: 14px;
}

/* line 267, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__linked-documents > .procedure-folder__document-tree-item::before {
  border-top: 1px solid #b9c8d9;
  content: "";
  left: -14px;
  position: absolute;
  top: 29px;
  width: 12px;
}

/* line 276, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__linked-documents .procedure-folder__document {
  background: #fbfcfe;
}

/* line 280, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__document {
  background: #fff;
  border: 1px solid #dce4ed;
  border-radius: 7px;
  margin-bottom: 6px;
  overflow: hidden;
}

/* line 288, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__document-row {
  align-items: center;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  min-height: 58px;
  padding: 5px 6px 5px 9px;
}

/* line 296, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__document-selection,
.procedure-folder__page-selection {
  padding: 7px;
}

/* line 301, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__document-link {
  align-items: center;
  border-radius: 5px;
  color: #344256;
  display: flex;
  gap: 9px;
  min-width: 0;
  padding: 6px;
}

/* line 311, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__document-link:hover,
.procedure-folder__document-link:focus-visible {
  background: #f0f5fb;
  color: #145fae;
  outline: 0;
}

/* line 318, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__document-icon {
  align-items: center;
  background: #eef3f8;
  border-radius: 5px;
  color: #55708f;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 1rem;
  height: 29px;
  justify-content: center;
  width: 29px;
}

/* line 331, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__document-copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

/* line 337, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__document-copy strong {
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

/* line 344, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__document-copy small {
  color: #7a8797;
  font-size: .625rem;
  margin-top: 3px;
}

/* line 350, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__document-copy .procedure-folder__document-signer {
  color: #5f7087;
}

/* line 354, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__document-copy .procedure-folder__document-download-status {
  align-items: center;
  color: #2f6ea8;
  display: flex;
  font-weight: 600;
  gap: 5px;
}

/* line 362, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__document-copy .procedure-folder__document-download-status[hidden] {
  display: none;
}

/* line 366, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__document-download-status.is-ready {
  color: #347a4a;
}

/* line 370, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__document-download-status.is-error {
  color: #a84235;
}

/* line 374, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__document-actions {
  display: flex;
  gap: 2px;
}

/* line 379, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__document-action {
  border-radius: 5px;
  font-size: 1rem;
  height: 30px;
  width: 30px;
}

/* line 386, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__document-no-pages {
  align-items: center;
  color: #9aa6b5;
  display: inline-flex;
  font-size: 1rem;
  height: 30px;
  justify-content: center;
  width: 30px;
}

/* line 396, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.open-folder-doc[aria-expanded="true"] i {
  transform: rotate(180deg);
}

/* line 400, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.open-folder-doc i {
  transition: transform .18s ease;
}

/* line 404, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__pages {
  background: #f8fafc;
  border-top: 1px solid #e4eaf1;
}

/* line 409, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__pages:has(.collapse:not(.show)) {
  border-top: 0;
}

/* line 413, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__pages .listview {
  padding: 6px 8px 8px 42px;
}

/* line 417, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__topic {
  align-items: center;
  display: grid;
  gap: 2px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  min-height: 38px;
  padding: 4px 8px 2px 42px;
}

/* line 426, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__tree .is-folder-search-hidden {
  display: none !important;
}

/* line 430, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__search-highlight {
  background: #fff0a6;
  color: #403300;
  padding: 0;
}

/* line 436, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__search-reason {
  color: var(--folder-muted, #637083);
  font-size: .6875rem;
  margin: 0;
  padding: 0 12px 8px 54px;
}

/* line 443, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__search-help {
  color: var(--folder-muted, #637083);
  display: block;
  font-size: .6875rem;
  margin-top: 6px;
}

/* line 450, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__topic-link {
  border-radius: 5px;
  color: #415b77;
  font-size: .6875rem;
  font-weight: 600;
  overflow-wrap: anywhere;
  padding: 7px;
}

/* line 459, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__topic-link:hover,
.procedure-folder__topic-link:focus-visible {
  background: #eaf1f9;
  color: #145fae;
  outline: 0;
}

/* line 466, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__page {
  align-items: center;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  min-height: 34px;
}

/* line 473, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__page-link {
  border-radius: 5px;
  color: #5d6b7d;
  font-size: .6875rem;
  overflow-wrap: anywhere;
  padding: 7px;
}

/* line 481, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
.procedure-folder__page-link:hover,
.procedure-folder__page-link:focus-visible {
  background: #eaf1f9;
  color: #145fae;
  outline: 0;
}

@media (max-width: 480px) {
  /* line 489, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
  .procedure-folder__process {
    margin-left: calc(var(--procedure-level) * 7px);
  }

  /* line 493, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
  .procedure-folder__documents-panel {
    padding-left: 8px;
  }

  /* line 497, /workspaces/spa-3/app/assets/stylesheets/procedures/folder_tree.scss */
  .procedure-folder__current-indicator {
    width: 42px;
  }
}