/* Restore the available workspace without changing application or data logic. */
main.max-w-7xl {
  max-width: none;
  min-width: 0;
  width: 100%;
  margin-inline: 0;
  padding: 24px;
}
main .overflow-x-auto[class~="max-h-[500px]"] {
  height: calc(100dvh - 220px);
  max-height: none;
  min-height: 240px;
  overflow: auto;
  scrollbar-gutter: stable;
}
main table[class~="text-[10.5px]"] {
  font-size: 14px;
  line-height: 1.5;
}
main table[class~="text-[10.5px]"] input {
  font-size: 12px;
  min-height: 30px;
}
main table[class~="text-[10.5px]"] button {
  font-size: 13px;
  min-height: 30px;
}
main table[class~="text-[10.5px]"] thead tr:nth-child(2) {
  top: 42px;
}
@media (max-width: 767px) {
  #root > .flex { flex-direction: column; }
  #root > .flex > aside {
    width: 100%;
    height: auto;
    position: static;
    padding: 12px;
  }
  #root > .flex > aside nav {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 6px;
  }
  #root > .flex > aside nav > button {
    width: auto;
    flex-shrink: 0;
    white-space: nowrap;
    padding: 8px;
  }
  #root > .flex > aside > .space-y-6 > :not(:first-child) { margin-top: 8px; }
  #root > .flex > aside > .border-t { padding-top: 8px; margin-top: 8px; }
  main.max-w-7xl { padding: 12px; height: auto; }
  main .overflow-x-auto[class~="max-h-[500px]"] {
    height: 65dvh;
    min-height: 240px;
  }
}