/* 3 columnas: sidebar | lista | vista (lista dentro de #rl-right en SnappyMail) */

@media (min-width: 800px) {
	body#rl-app.rl-started:not(.tn-admin-panel-page):not(.tn-in-settings) > #rl-content,
	body#rl-app:has(#V-MailMessageList):not(.tn-admin-panel-page):not(.tn-in-settings):not(.tn-on-login) > #rl-content {
		display: flex !important;
		flex-direction: row !important;
		align-items: stretch !important;
		flex: 1 1 auto !important;
		min-height: 0 !important;
		min-width: 0 !important;
	}

	body#rl-app.rl-started:not(.tn-admin-panel-page):not(.tn-in-settings) #rl-right,
	body#rl-app:has(#V-MailMessageList):not(.tn-admin-panel-page):not(.tn-in-settings):not(.tn-on-login) #rl-right {
		display: contents !important;
	}

	body#rl-app.rl-started:not(.tn-admin-panel-page):not(.tn-in-settings) #rl-left,
	body#rl-app:has(#V-MailMessageList):not(.tn-admin-panel-page):not(.tn-in-settings):not(.tn-on-login) #rl-left {
		flex: 0 0 auto !important;
		min-width: 0 !important;
		order: 1 !important;
	}

	body#rl-app.rl-started:not(.tn-admin-panel-page):not(.tn-in-settings) #V-MailMessageList,
	body#rl-app:has(#V-MailMessageList):not(.tn-admin-panel-page):not(.tn-in-settings):not(.tn-on-login) #V-MailMessageList,
	body#rl-app.rl-started #V-MailMessageList[hidden],
	body#rl-app:has(#V-MailMessageList) #V-MailMessageList[hidden],
	html:not(.sm-msgView-side) body#rl-app.rl-started #V-MailMessageList,
	html:not(.sm-msgView-side) body#rl-app:has(#V-MailMessageList) #V-MailMessageList,
	html:not(.sm-msgView-side) body#rl-app.rl-started .message-selected #V-MailMessageList,
	html:not(.sm-msgView-side) body#rl-app:has(#V-MailMessageList) .message-selected #V-MailMessageList,
	body#rl-app.rl-started #rl-right.message-selected #V-MailMessageList,
	body#rl-app:has(#V-MailMessageList) #rl-right.message-selected #V-MailMessageList {
		display: flex !important;
		flex-direction: column !important;
		flex: 0 0 auto !important;
		order: 2 !important;
		width: 35vw !important;
		min-width: 320px !important;
		max-width: 50vw !important;
		min-height: 0 !important;
		height: auto !important;
		align-self: stretch !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: relative !important;
		overflow: hidden !important;
	}

	body#rl-app.rl-started:not(.tn-admin-panel-page):not(.tn-in-settings) #V-MailMessageList .messageList,
	body#rl-app:has(#V-MailMessageList):not(.tn-in-settings) #V-MailMessageList .messageList {
		flex: 1 1 auto !important;
		min-height: 120px !important;
		width: 100% !important;
		max-width: none !important;
	}

	body#rl-app.rl-started:not(.tn-admin-panel-page):not(.tn-in-settings) #V-MailMessageView,
	body#rl-app:has(#V-MailMessageList):not(.tn-in-settings) #V-MailMessageView {
		display: flex !important;
		flex-direction: column !important;
		flex: 1 1 auto !important;
		order: 3 !important;
		min-width: 0 !important;
		min-height: 0 !important;
		align-self: stretch !important;
	}

	body#rl-app.rl-started.tn-focus-read.tn-has-open-message #V-MailMessageList,
	body#rl-app.rl-started.tn-focus-mode.tn-has-open-message #V-MailMessageList {
		display: none !important;
	}
}