@import "menu";
@import "dashboard";
@import "market";
@import "management";
@import "broadcast";
@import "channel";
@import "charge";
@import "system";
@import "subscription";
@import "logger";


.admin-page {
  position: relative;
  display: flex;
  flex-direction: row;
  width: 100%;
  height: calc(100% - 56px);
}

.admin-card {
  border: 0 !important;
}


@media (max-width: 768px) {
  .admin-card {
    border-radius: 0 !important;
  }

  .user-interface,
  .market,
  .broadcast,
  .channel,
  .charge,
  .system,
  .logger,
  .admin-subscription
  {
    padding: 0 !important;

    & > * {
      margin-bottom: 0 !important;
      border-bottom: 1px solid hsl(var(--border)) !important;
      border-radius: 0 !important;
    }
  }
}

.object-id {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-items: center;
  border-radius: var(--radius);
  border: 1px solid hsl(var(--border));
  color: hsl(var(--text-secondary));
  user-select: none;
  font-size: 0.75rem;
  height: 2.5rem;
  padding: 0.5rem 1.25rem;
  cursor: pointer;
  transition: 0.25s;
  flex-shrink: 0;

  &:hover {
    color: hsl(var(--text));
    border-color: hsl(var(--border-hover));
  }

  svg {
    transform: translateY(1px);
  }
}
