/* TecnoNube — UI post-login (sidebar, carpetas, ajustes) */

:root {
	--folders-color: #e8eef4;
	--folders-disabled-color: #8fa3b8;
	--folders-selected-color: #ffffff;
	--folders-selected-bg-color: rgba(52, 152, 219, 0.38);
	--folders-focused-color: #ffffff;
	--folders-focused-bg-color: rgba(52, 152, 219, 0.52);
	--folders-hover-color: #ffffff;
	--folders-hover-bg-color: rgba(255, 255, 255, 0.12);
	--folders-drop-color: #ffffff;
	--folders-drop-bg-color: rgba(52, 152, 219, 0.45);

	--settings-menu-color: #e8eef4;
	--settings-menu-selected-color: #ffffff;
	--settings-menu-selected-bg-color: rgba(52, 152, 219, 0.38);
	--settings-menu-hover-color: #ffffff;
	--settings-menu-hover-bg-color: rgba(255, 255, 255, 0.12);

	--dropdown-menu-color: #2c3e50;
	--dropdown-menu-bg-color: #ffffff;
	--dropdown-menu-hover-bg-color: #3498db;
	--dropdown-menu-hover-color: #ffffff;
	--dropdown-menu-disable-color: #94a3b8;
}

/* Tras login: fondo claro (no el degradado del login) */
#rl-app #rl-content {
	background: #eef2f7;
}

#rl-left {
	background: linear-gradient(180deg, #2c3e50 0%, #1a252f 100%) !important;
	border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
	color: #e8eef4 !important;
}

#rl-left .btn.buttonCompose.btn-success {
	background: #3498db !important;
	border-color: #2980b9 !important;
	color: #fff !important;
}

#rl-left .b-folders a,
#rl-left .b-folders .e-collapsed-sign,
#rl-left .b-folders .flag-icon,
#rl-left .b-folders .fontastic {
	color: var(--folders-color) !important;
}

#rl-left .b-folders li.disabled a,
#rl-left .b-folders a.disabled {
	color: var(--folders-disabled-color) !important;
}

#rl-left .b-folders li.selected > a,
#rl-left .b-folders a.selectable.selected {
	color: var(--folders-selected-color) !important;
	background-color: var(--folders-selected-bg-color) !important;
}

#rl-left .b-folders a:hover {
	color: var(--folders-hover-color) !important;
	background-color: var(--folders-hover-bg-color) !important;
}

#rl-left .b-folders a.focused,
#rl-left .focused .b-folders a.focused {
	color: var(--folders-focused-color) !important;
	background-color: var(--folders-focused-bg-color) !important;
}

/* Menú lateral en Ajustes, Contactos, etc. */
#rl-left .b-settings-navigation a,
#rl-left .b-content .b-settings-menu a,
#V-SettingsMenu a,
#V-SettingsMenu .b-settings-menu a,
.settings-menu a {
	color: var(--settings-menu-color) !important;
}

#rl-left .b-settings-navigation a.selected,
#rl-left .b-content .b-settings-menu a.selected,
#V-SettingsMenu a.selected,
.settings-menu a.selected {
	color: var(--settings-menu-selected-color) !important;
	background-color: var(--settings-menu-selected-bg-color) !important;
}

#rl-left .b-settings-navigation a:hover,
#rl-left .b-content .b-settings-menu a:hover,
#V-SettingsMenu a:hover,
.settings-menu a:hover {
	color: var(--settings-menu-hover-color) !important;
	background-color: var(--settings-menu-hover-bg-color) !important;
}

#rl-left .b-toolbar .btn,
#rl-left .b-toolbar a.btn {
	color: #fff !important;
}

#rl-right,
#V-MailMessageList,
#V-MailMessageView,
#V-SettingsPane {
	background: #ffffff;
}

.thm-message-list-top-toolbar,
.thm-message-list-bottom-toolbar {
	background: linear-gradient(to bottom, #f8fafc, #eef2f7) !important;
}