// Global item type classes for Lumina list columns
// These classes can be applied globally anywhere in the application

.itemSemiBold18Default {
	color: var(--slds-g-color-on-surface-2);
	font-family: var(--slds-g-font-family);
	font-size: 18px;
	font-weight: var(--slds-g-font-weight-6); // 600
	line-height: 22px;
}

.itemRegular16Default {
	color: var(--slds-g-color-on-surface-2);
	font-family: var(--slds-g-font-family);
	font-size: var(--slds-g-font-scale-2); // 16px
	font-weight: var(--slds-g-font-weight-4); // 400
	line-height: 20px;
}

.itemRegular16Action {
	color: var(--slds-g-color-accent-2);
	font-family: var(--slds-g-font-family);
	font-size: var(--slds-g-font-scale-2); // 16px
	font-weight: var(--slds-g-font-weight-4); // 400
	line-height: 22px;
}

.itemSemiBold16Default {
	color: var(--slds-g-color-on-surface-2);
	font-family: var(--slds-g-font-family);
	font-size: var(--slds-g-font-scale-2); // 16px
	font-weight: var(--slds-g-font-weight-6); // 600
	line-height: 22px;
}

.itemSemiBold16Action {
	color: var(--slds-g-color-accent-2);
	font-family: var(--slds-g-font-family);
	font-size: var(--slds-g-font-scale-2); // 16px
	font-weight: var(--slds-g-font-weight-6); // 600
	line-height: 18px;
}

.itemRegular14Weak {
	color: var(--slds-g-color-on-surface-2);
	font-family: var(--slds-g-font-family);
	font-size: var(--slds-g-font-scale-1); // 14px
	font-weight: var(--slds-g-font-weight-4); // 400
	line-height: 18px;
}

.itemRegular14Default {
	color: var(--slds-g-color-on-surface-2);
	font-family: var(--slds-g-font-family);
	font-size: var(--slds-g-font-scale-1); // 14px
	font-weight: var(--slds-g-font-weight-4); // 400
	line-height: 18px;
}

.itemSemiBold14Default {
	color: var(--slds-g-color-on-surface-2);
	font-family: var(--slds-g-font-family);
	font-size: var(--slds-g-font-scale-1); // 14px
	font-weight: var(--slds-g-font-weight-6); // 600
	line-height: 18px;
}

.itemBold14Default {
	color: var(--slds-g-color-on-surface-2);
	font-family: var(--slds-g-font-family);
	font-size: var(--slds-g-font-scale-1); // 14px
	font-weight: var(--slds-g-font-weight-7); // 700
	line-height: 18px;
}

/* Generic metadata line: primary token (e.g., date, status marker). */
.itemMetaPrimary {
	color: var(--slds-g-color-accent-2);
	font-family: var(--slds-g-font-family);
	font-size: var(--slds-g-font-scale-1); // 14px
	font-weight: var(--slds-g-font-weight-6); // 600
	line-height: var(--slds-g-font-line-height-3);
}

/* Generic metadata line: secondary token (e.g., author, qualifier). */
.itemMetaSecondary {
	color: var(--slds-g-color-accent-2);
	font-family: var(--slds-g-font-family);
	font-size: var(--slds-g-font-scale-1);
	font-style: italic;
	font-weight: var(--slds-g-font-weight-4);
	line-height: var(--slds-g-font-line-height-4);
}

/* Generic body text style for expandable/multi-line list content. */
.itemBody {
	color: var(--slds-g-color-on-surface-2);
	font-family: var(--slds-g-font-family);
	font-size: var(--slds-g-font-scale-1); // 14px
	font-weight: var(--slds-g-font-weight-4); // 400
	line-height: var(--slds-g-font-line-height-3);
	min-width: 0;
}

.ListColumn.itemBody > div {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;
	white-space: normal;
}

.itemAction {
	vertical-align: middle;
}