.AboutScreen--lumina {
	// Lumina UI styles - no inline styles applied, so no need for !important overrides
	margin: 0;
	padding: var(--slds-g-spacing-5);
	background-color: var(--slds-g-color-surface-container-1);
	color: var(--slds-g-color-on-surface-2);
	
	// Container setup - scrollable content
	height: 100%;
	max-height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	box-sizing: border-box;
	font-family: var(--slds-g-font-family);
	font-weight: var(--slds-g-font-weight-4);
	font-size: var(--slds-g-font-scale-4);
	line-height: 22px;

	// Title
	.AboutScreen-title {
		margin: 0 0 var(--slds-g-spacing-5) 0;
		padding: 0;
		font-family: var(--slds-g-font-family);
		font-weight: var(--slds-g-font-weight-6);
		font-size: var(--slds-g-font-scale-4);
		line-height: 22px;
		color: var(--slds-g-color-on-surface-2);
		box-sizing: border-box;
	}

	// Device ID text
	.AboutScreen-deviceId {
		margin-bottom: var(--slds-g-spacing-5);
		font-size: var(--slds-g-font-scale-1);
		line-height: 20px;
		color: var(--slds-g-color-on-surface-2);
		white-space: pre-line;
	}

	// Copy Support Info button container
	.AboutScreen-copyButton {
		margin-top: 0;
		margin-bottom: var(--slds-g-spacing-5);

		button {
			background: var(--slds-g-color-accent-1);
			border: none;
			border-radius: var(--slds-g-radius-border-circle);
			padding: 1px 18px;
			height: 40px;
			min-width: var(--slds-g-sizing-13);
			font-family: var(--slds-g-font-family);
			font-weight: var(--slds-g-font-weight-6);
			font-size: var(--slds-g-font-scale-1);
			line-height: 19px;
			color: var(--slds-g-color-on-accent-1);
			cursor: pointer;
			margin: 0;
		}

		// Remove spacing from br tag
		br {
			display: none;
		}
	}

	// Version Information section
	.AboutScreen-versionInfo {
		margin-top: var(--slds-g-spacing-5);
		margin-bottom: 0;
		font-size: var(--slds-g-font-scale-1);
		line-height: 20px;

		&::after {
			content: '';
			display: block;
			border-top: 1px solid var(--slds-g-color-border-1);
			margin-top: var(--slds-g-spacing-5); // 24px before separator
			margin-bottom: 0;
		}
	}

	// Third party components section  
	.AboutScreen-thirdParty {
		margin-top: var(--slds-g-spacing-5); // 24px after separator
		margin-bottom: var(--slds-g-spacing-5); // 24px before copyright separator
		font-size: var(--slds-g-font-scale-1);
		line-height: 20px;
	}

	// Lists
	ul {
		margin: var(--slds-g-spacing-2) 0;
		padding-left: 20px;
		list-style-type: disc;
		overflow-wrap: break-word;
		word-wrap: break-word;
		max-width: 100%;

		li {
			font-size: var(--slds-g-font-scale-1);
			line-height: 20px;
			color: var(--slds-g-color-on-surface-2);
			margin-bottom: var(--slds-g-spacing-1);
			overflow-wrap: break-word;
			word-wrap: break-word;
			max-width: 100%;
		}
	}

	// License links 
	div[style*="textDecoration"],
	a {
		color: var(--slds-g-color-accent-2);
		text-decoration: underline;
		cursor: pointer;
	}

	// Copyright section
	.AboutScreen-copyright {
		margin-top: 0;
		padding-top: var(--slds-g-spacing-5); // 24px after separator
		border-top: 1px solid var(--slds-g-color-border-1);
		font-size: var(--slds-g-font-scale-1);
		line-height: 20px;

		p {
			margin: 0;
			font-size: var(--slds-g-font-scale-1);
			line-height: 20px;
			color: var(--slds-g-color-on-surface-2);
		}
	}
}