[data-admin-shell] {
  font-family: var(--font-sans), sans-serif;
}

[data-admin-shell] .lg\:pl-64 {
  padding-left: 224px !important;
}

[data-admin-sidebar],
[data-admin-sidebar] *,
[data-admin-topbar],
[data-admin-topbar] * {
  box-sizing: border-box;
}

[data-admin-sidebar] {
  background-color: var(--color-gray-50) !important;
}

[data-admin-sidebar].lg\:w-64 {
  width: 224px !important;
}

[data-admin-sidebar] > .flex {
  gap: 17.5px !important;
  padding-left: 21px !important;
  padding-right: 21px !important;
  padding-bottom: 14px !important;
}

[data-admin-sidebar] .h-16 {
  height: 56px !important;
}

[data-admin-sidebar] a {
  color: var(--color-gray-900) !important;
  font-family: var(--font-sans), sans-serif !important;
  text-decoration: none !important;
}

[data-admin-sidebar] h1 {
  color: var(--color-theme-700) !important;
  font-family: var(--font-sans), sans-serif !important;
  font-size: 21px !important;
  font-weight: var(--font-weight-bold) !important;
  line-height: 28px !important;
}

[data-admin-sidebar] nav ul ul {
  margin: 0 -7px !important;
}

[data-admin-sidebar] nav ul ul > :not(:last-child) {
  margin-bottom: 3.5px !important;
}

[data-admin-sidebar] nav a {
  align-items: center !important;
  border-radius: var(--radius-lg) !important;
  display: flex !important;
  font-size: 12.25px !important;
  font-weight: var(--font-weight-semibold) !important;
  gap: 10.5px !important;
  line-height: 21px !important;
  padding: 5.25px 7px !important;
}

[data-admin-sidebar] nav a:hover {
  background-color: var(--color-gray-200) !important;
}

[data-admin-sidebar] nav a.bg-gray-200 {
  background-color: var(--color-gray-200) !important;
}

[data-admin-sidebar] svg {
  color: var(--color-gray-500) !important;
  height: 15.4px !important;
  width: 15.4px !important;
}

[data-admin-sidebar] nav a:hover svg {
  color: var(--color-gray-900) !important;
}

[data-admin-topbar] {
  background-color: var(--color-white) !important;
  border-color: var(--color-gray-200) !important;
  color: var(--color-gray-900) !important;
  font-family: var(--font-sans), sans-serif !important;
  height: 56px !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
}

@media (min-width: 640px) {
  [data-admin-topbar] {
    padding-left: 21px !important;
    padding-right: 21px !important;
  }
}

@media (min-width: 1024px) {
  [data-admin-topbar] {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
}

[data-admin-topbar] p {
  margin: 0 !important;
}

[data-admin-topbar] .text-gray-600 {
  color: var(--color-gray-600) !important;
}

[data-admin-topbar] .text-gray-900 {
  color: var(--color-gray-900) !important;
}

[data-admin-topbar] .text-gray-500 {
  color: var(--color-gray-500) !important;
}

[data-mission-control-jobs],
[data-mission-control-jobs] .container {
  max-width: 100%;
  min-width: 0;
}

[data-mission-control-jobs-content] {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

[data-mission-control-jobs-content] .table {
  min-width: 56rem;
}

[data-mission-control-jobs-content] .table tbody td {
  white-space: normal;
}

[data-mission-control-jobs-content] .recurring-tasks .next_time,
[data-mission-control-jobs-content] .recurring-tasks .pr-0 {
  white-space: nowrap;
}