@media (min-width: 1000px){
	.viewport{
		--footer-height: 0px;
		--header-height: 40px;
	}
	nav{
		display: flex;
	}
	header my-avatar{
		height: var(--avatar-size);
		font-size: var(--font-size);
	}
	footer{
		display: none;
	}
	.logo{
		--logo-size: calc(var(--header-height) - 10px);
		padding: 0 var(--padding);
	}
	.logo-text{
		display: block;
	}
	._1000{
		display: initial;
	}
	._mob{
		display: none !important;
	}
	.nav-title{
		display: none;
	}
	.section-body{
		padding: 0 var(--padding-large) var(--padding-large);
	}
	.task-menu{
		display: block;
	}
	.task-row .my-tile-content{
		display: flex;
		gap: var(--padding-medium);
	}
	.task-operators, .task-tags{
		width: 50%;
	}
	.task-row-date my-date{
		width: fit-content;
	}
}