/* Fruit native form layout only. No control, event, value, validation or mask changes. */
body:has(.ros-shell-main) .drawer[data-v-f3fe88d0]:has(:is(.rform,.master-form,.unit-workspace,form)) {
  max-width: min(94vw, 1080px);
}
body:has(.ros-shell-main) .drawer[data-v-f3fe88d0]:has(.rform > .field:nth-child(n+5)) {
  width: min(840px, 94vw) !important;
}
body:has(.ros-shell-main) .drawer[data-v-f3fe88d0] > .dhead {
  padding: 12px 20px;
  gap: 12px;
  flex-shrink: 0;
}
body:has(.ros-shell-main) .drawer[data-v-f3fe88d0] > .dbody {
  min-height: 0;
  padding: 16px 20px;
  overflow-y: auto;
  overscroll-behavior: contain;
}
body:has(.ros-shell-main) .drawer[data-v-f3fe88d0] > .dfoot {
  padding: 10px 20px;
  flex-shrink: 0;
  flex-wrap: wrap;
}
/* The same native RForm can be used inside a drawer or in the main workspace. */
body:has(.ros-shell-main) :is(.drawer,.ros-shell-main) .rform[data-v-f35ffe7d] {
  gap: 12px 18px;
  align-items: start;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
body:has(.ros-shell-main) :is(.drawer,.ros-shell-main) .rform[data-v-f35ffe7d] > .field {
  min-width: 0;
  gap: 5px;
}
body:has(.ros-shell-main) :is(.drawer,.ros-shell-main) .rform[data-v-f35ffe7d] :is(input.input,select.select) {
  min-height: 34px;
}
body:has(.ros-shell-main) :is(.drawer,.ros-shell-main) :is(.master-form,.unit-workspace)[data-v-136df1b4] {
  gap: 16px;
}
body:has(.ros-shell-main) :is(.drawer,.ros-shell-main) :is(.master-form,.unit-workspace)[data-v-136df1b4] > section {
  gap: 10px;
  padding-bottom: 14px;
}
body:has(.ros-shell-main) :is(.drawer,.ros-shell-main) .grid[data-v-136df1b4] {
  gap: 10px 16px;
}
body:has(.ros-shell-main) :is(.drawer,.ros-shell-main) .grid.two[data-v-136df1b4] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
body:has(.ros-shell-main) :is(.drawer,.ros-shell-main) .grid[data-v-136df1b4] label {
  min-width: 0;
  gap: 5px;
}
body:has(.ros-shell-main) :is(.drawer,.ros-shell-main) .form-tabs[data-v-136df1b4] {
  margin: -2px 0 12px;
  gap: 18px;
}
body:has(.ros-shell-main) :is(.drawer,.ros-shell-main) .form-tabs[data-v-136df1b4] button {
  height: 36px;
}
body:has(.ros-shell-main) :is(.drawer,.ros-shell-main) .identity-grid[data-v-136df1b4] {
  gap: 12px;
}
body:has(.ros-shell-main) :is(.drawer,.ros-shell-main) .custom-fields-panel[data-v-07f61708] {
  gap: 10px;
  margin-top: 14px;
  padding-top: 12px;
}
/* Small confirmations remain small; long text can still scroll in the viewport. */
body:has(.ros-shell-main) .modal[data-v-4d7b441a] {
  padding: 18px 20px;
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
  box-sizing: border-box;
}
body:has(.ros-shell-main) .modal[data-v-4d7b441a] > .mbody {
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  body:has(.ros-shell-main) .drawer[data-v-f3fe88d0]:has(:is(.rform,.master-form,.unit-workspace,form)) {
    width: 100vw !important;
    max-width: 100vw;
  }
  body:has(.ros-shell-main) .drawer[data-v-f3fe88d0] > :is(.dhead,.dbody,.dfoot) {
    padding-left: 14px;
    padding-right: 14px;
  }
  body:has(.ros-shell-main) .drawer[data-v-f3fe88d0] > .dfoot {
    padding-bottom: max(10px, env(safe-area-inset-bottom));
  }
  body:has(.ros-shell-main) :is(.drawer,.ros-shell-main) .rform[data-v-f35ffe7d] {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 720px) {
  body:has(.ros-shell-main) :is(.drawer,.ros-shell-main) .grid.two[data-v-136df1b4] {
    grid-template-columns: minmax(0, 1fr);
  }
}