#root {
  visibility: visible !important;
}

html body .server-footer,
html body .server-footer-theme,
html body .header-timer {
  display: none !important;
}

html body .server-overview-controls > section:first-child,
html body .server-overview-controls > button {
  display: none !important;
}

html body .server-overview {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html body .tsui-overview-time-card {
  cursor: default !important;
}

html body .tsui-overview-time-card > div {
  align-items: center !important;
  justify-content: flex-start !important;
}

html body .tsui-overview-time-card section {
  align-items: flex-start !important;
  width: 100%;
  text-align: left;
}

html body .tsui-overview-time-value {
  display: block;
  width: 100%;
  font-variant-numeric: tabular-nums;
  text-align: left;
}

html body .server-inline-list [style*="grid-template-columns"] > div.relative.flex.flex-col,
html body .server-card-list [style*="grid-template-columns"] > div.relative.flex.flex-col {
  min-width: 150px;
}

html body .server-inline-list .tsui-plan-tags-moved,
html body .server-card-list .tsui-plan-tags-moved {
  margin-top: 3px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px !important;
  max-width: 150px;
}

html body .server-inline-list .tsui-plan-tags-moved p,
html body .server-card-list .tsui-plan-tags-moved p {
  white-space: nowrap;
}

@media (min-width: 1024px) {
  html body .server-overview {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}