/* Elementliste
---------------*/

	.nexo-ui-itemlist {
		display: grid;
		grid-template-rows: 60px minmax(0, 1fr) auto;
		width: 100%;
		height: 100%;
		min-width: 0;
		min-height: 0;
	}

/* Kopfbereich
--------------*/

	.nexo-ui-itemlist--header {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		width: 100%;
		padding: 13px 7px 0 15px;
		border-bottom: 1px solid #EEEEEE;
	}

/* Inhalt
---------*/

	.nexo-ui-itemlist--body {
		width: 100%;
		min-width: 0;
		min-height: 0;
		overflow-y: auto;
	}

	.nexo-ui-itemlist--body ul {
		width: 100%;
	}

	.nexo-ui-itemlist--body li {
		display: block;
		border-bottom: 1px solid #EEEEEE;
	}

	.nexo-ui-itemlist--body li > a:not(.nexo-ui-itemlist--item) {
		display: block;
		padding: 10px 15px;
	}

	.nexo-ui-itemlist--body li:not(.nexo-ui-itemlist--group):hover {
		background-color: rgba(0, 0, 0, 0.05);
	}

	.nexo-ui-itemlist--body li h2 {
		font-size: 15px;
	}

/* Listeneintrag
----------------*/

	.nexo-ui-itemlist--item {
		display: grid;
		grid-template-columns: auto minmax(0, 1fr) auto;
		column-gap: 8px;
		align-items: start;
		width: 100%;
		min-width: 0;
		padding: 10px 15px;
		color: inherit;
	}

	.nexo-ui-itemlist--item:hover,
	.nexo-ui-itemlist--item:focus-visible {
		color: inherit;
	}

	.nexo-ui-itemlist--item:focus-visible {
		outline: 2px solid #A8C7FA;
		outline-offset: -2px;
	}

	.nexo-ui-itemlist--item[aria-current="true"] {
		background-color: rgba(0, 0, 0, 0.05);
	}

	.nexo-ui-itemlist--preview {
		display: flex;
		grid-column: 1;
		grid-row: 1;
		align-items: center;
		align-self: start;
		justify-content: center;
	}

	.nexo-ui-itemlist--preview-icon {
		width: 16px;
		height: 24px;
		color: #68717D;
		font-size: 16px;
	}

	.nexo-ui-itemlist--preview-icon .mdi {
		position: relative;
		top: -2px;
	}

	.nexo-ui-itemlist--preview-image {
		width: 44px;
		height: 60px;
		overflow: hidden;
		border-radius: 3px;
	}

	.nexo-ui-itemlist--preview-image img {
		width: 44px;
		height: 60px;
		border-radius: 2px;
		object-fit: cover;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	}

	.nexo-ui-itemlist--content {
		gap: 3px;
	}

	.nexo-ui-itemlist--item > .nexo-ui-itemlist--content:first-child {
		grid-column: 1 / 3;
	}

	.nexo-ui-itemlist--item > .nexo-ui-itemlist--content:only-child {
		grid-column: 1 / -1;
	}

	.nexo-ui-itemlist--item > .nexo-ui-itemlist--preview:first-child + .nexo-ui-itemlist--content:last-child {
		grid-column: 2 / -1;
	}

	.nexo-ui-itemlist--primary,
	.nexo-ui-itemlist--secondary {
		min-width: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.nexo-ui-itemlist--primary {
		line-height: 20px;
	}

	.nexo-ui-itemlist--secondary {
		color: #777777;
		font-size: 13px;
		line-height: 18px;
		margin-top: 2px;
	}

	.nexo-ui-itemlist--secondary > span:not(:last-child):after {
		content: " · ";
	}

	.nexo-ui-itemlist--meta {
		grid-column: 3;
		grid-row: 1;
		align-self: start;
		max-width: 130px;
		margin-left: 4px;
		color: #777777;
		font-size: 12px;
		line-height: 18px;
		text-align: right;
		white-space: nowrap;
	}

	.nexo-ui-itemlist--meta-status {
		padding: 1px 7px;
		border-radius: 9px;
		background-color: #EEF2F6;
		color: #55606E;
		font-weight: 500;
	}

	.nexo-ui-itemlist--meta-amount {
		color: #333333;
		font-size: 14px;
	}

/* Gruppe
---------*/

	.nexo-ui-itemlist--body li.nexo-ui-itemlist--group {
		display: flex;
		align-items: center;
		gap: 8px;
		height: 26px;
		padding: 0 10px;
		border-top: 1px solid #E4E4E4;
		border-bottom: 1px solid #E4E4E4;
		background-color: #ECECEC;
		color: #666666;
		font-size: 12px;
		line-height: 26px;
	}

	.nexo-ui-itemlist--group .mdi {
		color: #A2A2A2;
		font-size: 16px;
		line-height: 1;
	}

/* Fußbereich
-------------*/

	.nexo-ui-itemlist--footer {
		width: 100%;
		padding: 6px 15px;
		border-top: 1px solid #F3F3F3;
		color: #999999;
		font-size: 11px;
		line-height: 16px;
	}