From 14b37dc859d68c02fabbe5ab9c26faac1aaba3de Mon Sep 17 00:00:00 2001
From: Mike Cotton <codingmusician@gmail.com>
Date: Fri, 14 Feb 2025 17:00:11 -0600
Subject: [PATCH 1/4] fix remaining modules

---
 src/modules/hoc/with-form.js    | 5 +++++
 src/modules/utils/api.js        | 2 +-
 src/modules/utils/dom.js        | 2 +-
 src/modules/utils/proptypes.js  | 2 +-
 src/modules/utils/recurrence.js | 6 ++----
 src/modules/utils/time.js       | 2 +-
 6 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/modules/hoc/with-form.js b/src/modules/hoc/with-form.js
index 3da457ca6a..50ca31e814 100644
--- a/src/modules/hoc/with-form.js
+++ b/src/modules/hoc/with-form.js
@@ -23,6 +23,11 @@ export default ( getName = noop ) => ( WrappedComponent ) => {
 		static propTypes = {
 			registerForm: PropTypes.func,
 			postType: PropTypes.string,
+			createDraft: PropTypes.func,
+			sendForm: PropTypes.func,
+			setSubmit: PropTypes.func,
+			editEntry: PropTypes.func,
+			maybeRemoveEntry: PropTypes.func,
 		};
 
 		componentDidMount() {
diff --git a/src/modules/utils/api.js b/src/modules/utils/api.js
index ad751b770d..ce16075826 100644
--- a/src/modules/utils/api.js
+++ b/src/modules/utils/api.js
@@ -11,7 +11,7 @@ import { rest } from '@moderntribe/common/utils/globals';
 /**
  * Send a request into a wp-json endpoint
  *
- * @param {object} params An object with the following properties:
+ * @param {Object} params An object with the following properties:
  * - path: Path for the endpoint
  * - headers: Array of extra headers for the request
  * - initParams: Params send into the fetch along with headers and credentials
diff --git a/src/modules/utils/dom.js b/src/modules/utils/dom.js
index 9633bdacf1..e5395bc0cc 100644
--- a/src/modules/utils/dom.js
+++ b/src/modules/utils/dom.js
@@ -31,7 +31,7 @@ export const isRootNode = ( node ) => node === window.top.document;
  * Utility to search the parent of a node looking from the current node Up to the highest
  * node on the DOM Tree
  *
- * @param {(HTMLElement|object)} node - The DOM node where the search starts
+ * @param {(HTMLElement | Object)} node - The DOM node where the search starts
  * @param {Function} callback - Is executed on every iteration, it should return a boolean
  * @returns {boolean} Returns tre if the callback returns true with any of the parents.
  */
diff --git a/src/modules/utils/proptypes.js b/src/modules/utils/proptypes.js
index dcf7110d7f..038ba5b46e 100644
--- a/src/modules/utils/proptypes.js
+++ b/src/modules/utils/proptypes.js
@@ -39,7 +39,7 @@ export const timeRegex = /^([01]?[0-9]|2[0-3]):[0-5][0-9]$/;
  * PropTypes check for type string and time format using 24h clock in hh:mm format
  * e.g. 00:24, 03:57, 21:12
  *
- * @param {object} props Properties object.
+ * @param {Object} props Properties object.
  * @param {string} propName Property name.
  * @param {string} componentName Component name to validate property.
  */
diff --git a/src/modules/utils/recurrence.js b/src/modules/utils/recurrence.js
index 229d631b90..927ebc02cd 100644
--- a/src/modules/utils/recurrence.js
+++ b/src/modules/utils/recurrence.js
@@ -7,7 +7,7 @@ import { plugins } from '@moderntribe/common/data';
  * Returns whether the Event has at least one recurrence rule or not.
  *
  * @since 5.0.0
- * @param {object} state The current container state.
+ * @param {Object} state The current container state.
  * @returns {boolean} Whether the Event has at least one recurrence rule or not.
  */
 export const hasRecurrenceRules = ( state ) => {
@@ -25,7 +25,6 @@ export const hasRecurrenceRules = ( state ) => {
  * Returns whether tickets are allowed on Recurring events or not.
  *
  * @since 5.0.0
- *
  * @returns {boolean} Whether tickets are allowed on Recurring events or not.
  */
 export const noTicketsOnRecurring = () => {
@@ -36,9 +35,8 @@ export const noTicketsOnRecurring = () => {
  * Returns whether RSVPs are allowed on Recurring events or not.
  *
  * @since 5.8.0
- *
  * @returns {boolean} Whether RSVPs are allowed on Recurring events or not.
  */
 export const noRsvpsOnRecurring = () => {
-	return document.body.classList.contains( 'tec-no-rsvp-on-recurring' )
+	return document.body.classList.contains( 'tec-no-rsvp-on-recurring' );
 };
diff --git a/src/modules/utils/time.js b/src/modules/utils/time.js
index 7532335f43..c722e757c9 100644
--- a/src/modules/utils/time.js
+++ b/src/modules/utils/time.js
@@ -30,7 +30,7 @@ export const HOUR_IN_MS = HOUR_IN_SECONDS * SECOND_IN_MS;
 /**
  * Formats time object to time string in the format provided
  *
- * @param {object} time Time object to format from
+ * @param {Object} time Time object to format from
  * @param {string} format Format of time to format to
  * @returns {string} Time string in format provided
  */

From c9da51ca8da64b3d07c52d1e099c9f83e6bd0640 Mon Sep 17 00:00:00 2001
From: Mike Cotton <codingmusician@gmail.com>
Date: Fri, 14 Feb 2025 17:42:56 -0600
Subject: [PATCH 2/4] fix remaining js lint errors

---
 src/resources/js/.eslintrc                | 12 ++++++++++--
 src/resources/js/admin/help-hub-iframe.js | 16 ++++++++++------
 src/resources/js/admin/help-page.js       |  4 +++-
 src/resources/js/ian-client.js            | 20 +++++++++++++++-----
 4 files changed, 38 insertions(+), 14 deletions(-)

diff --git a/src/resources/js/.eslintrc b/src/resources/js/.eslintrc
index 6bd019c3cc..afd59f17c1 100644
--- a/src/resources/js/.eslintrc
+++ b/src/resources/js/.eslintrc
@@ -5,10 +5,17 @@
 		"browser": true,
 		"es6": true
 	},
+	"parserOptions": {
+		"ecmaVersion": 2018
+	},
 	"rules": {
 		"es5/no-block-scoping": 0,
 		"es5/no-template-literals": 0,
-		"es5/no-arrow-functions": 0
+		"es5/no-arrow-functions": 0,
+		"es5/no-shorthand-properties": 0,
+		"es5/no-destructuring": 0,
+		"es5/no-es6-methods": 0,
+		"es5/no-spread": 0
 	},
 	"globals": {
 		"_": true,
@@ -27,6 +34,7 @@
 		"TribeOnboardingHints": true,
 		"TribeOnboardingTour": true,
 		"tec_automator": true,
-		"tribe_dropdowns": true
+		"tribe_dropdowns": true,
+		"commonIan": true
 	}
 }
diff --git a/src/resources/js/admin/help-hub-iframe.js b/src/resources/js/admin/help-hub-iframe.js
index 6acd2b2522..e32fbdb9c0 100644
--- a/src/resources/js/admin/help-hub-iframe.js
+++ b/src/resources/js/admin/help-hub-iframe.js
@@ -1,3 +1,5 @@
+/* eslint-disable max-len */
+// eslint-disable-next-line no-redeclare
 var tribe = tribe || {};
 tribe.helpPage = tribe.helpPage || {};
 window.DocsBotAI = window.DocsBotAI || {};
@@ -5,6 +7,8 @@ window.DocsBotAI = window.DocsBotAI || {};
 ( ( $, obj ) => {
 	'use strict';
 
+	/* global zE, helpHubSettings */
+
 	obj.selectors = {
 		body: 'body',
 		helpHubPageID: 'help-hub-page',
@@ -247,7 +251,7 @@ window.DocsBotAI = window.DocsBotAI || {};
 			if ( element ) {
 				return resolve( element );
 			}
-			const observer = new MutationObserver( ( mutations ) => {
+			const observer = new MutationObserver( () => {
 				const foundElement = document.querySelector( selector );
 				if ( foundElement ) {
 					resolve( foundElement );
@@ -272,7 +276,7 @@ window.DocsBotAI = window.DocsBotAI || {};
 	obj.initializeDocsBot = () => {
 		const bodyElement = document.getElementById( obj.selectors.helpHubPageID );
 		document.getElementById(obj.selectors.docsbotWidget).classList.remove( 'hide' );
-		DocsBotAI.init = ( e ) => {
+		window.DocsBotAI.init = ( e ) => {
 			return new Promise( ( resolve, reject ) => {
 				const script = document.createElement( 'script' );
 				script.type = 'text/javascript';
@@ -289,9 +293,9 @@ window.DocsBotAI = window.DocsBotAI || {};
 					'load',
 					() => {
 						Promise.all( [
-										 window.DocsBotAI.mount( { ...e } ),
-										 obj.observeElement( '#docsbotai-root' ),
-									 ] )
+										window.DocsBotAI.mount( { ...e } ),
+										obj.observeElement( '#docsbotai-root' ),
+									] )
 							.then( resolve )
 							.catch( reject );
 					}
@@ -306,7 +310,7 @@ window.DocsBotAI = window.DocsBotAI || {};
 			} );
 		};
 
-		DocsBotAI.init( {
+		window.DocsBotAI.init( {
 							id: helpHubSettings.docsbot_key,
 							options: {
 								customCSS: obj.DocsBotAIcss,
diff --git a/src/resources/js/admin/help-page.js b/src/resources/js/admin/help-page.js
index fa14b7fabc..4e07c8ff6e 100644
--- a/src/resources/js/admin/help-page.js
+++ b/src/resources/js/admin/help-page.js
@@ -260,7 +260,9 @@ tribe.helpPage = tribe.helpPage || {};
 
 		// Find the currently active tab and corresponding container.
 		let currentTab = document.querySelector( '.tec-nav__tab.tec-nav__tab--active' );
-		let tabContainer = currentTab ? document.getElementById( currentTab.getAttribute( 'data-tab-target' ) ) : null;
+		let tabContainer = currentTab
+			? document.getElementById( currentTab.getAttribute( 'data-tab-target' ) )
+			: null;
 
 		// Update modal button span text to the active tab’s text by default.
 		if (currentTab) {
diff --git a/src/resources/js/ian-client.js b/src/resources/js/ian-client.js
index 02f3164b15..4ccc316a8a 100644
--- a/src/resources/js/ian-client.js
+++ b/src/resources/js/ian-client.js
@@ -29,7 +29,7 @@
 			window.addEventListener("resize", calculateSidebarPosition);
 			window.addEventListener("scroll", onScroll);
 
-			if (Ian.consent == "true") getIan(true);
+			if (Ian.consent === "true") getIan(true);
 		};
 
 		/**
@@ -40,7 +40,9 @@
 		 * @return {void}
 		 */
 		const wrapHeadings = () => {
-			const headings = document.querySelectorAll(".edit-php.post-type-tribe_events h1, .post-php.post-type-tribe_events h1");
+			const headings = document.querySelectorAll(
+				".edit-php.post-type-tribe_events h1, .post-php.post-type-tribe_events h1"
+			);
 			headings.forEach(heading => {
 				const pageAction = heading.nextElementSibling;
 				if (pageAction) {
@@ -119,6 +121,7 @@
 					break;
 
 				default:
+					// eslint-disable-next-line no-console
 					console.log('e.composedPath', e.composedPath());
 					// Not an event we care about.
 					break;
@@ -188,7 +191,9 @@
 
 			let settingstabs = document.getElementById("tribe-settings-tabs");
 			if (settingstabs) {
-				settingstabs = window.innerWidth > 500 ? settingstabs : document.querySelector('.tec-settings-header-wrap');
+				settingstabs = window.innerWidth > 500
+					? settingstabs
+					: document.querySelector('.tec-settings-header-wrap');
 				rect = settingstabs.getBoundingClientRect();
 			}
 
@@ -232,7 +237,6 @@
 		 */
 		const updatePosition = () => {
 			const offset = window.innerWidth > 782 ? 32 : window.innerWidth > 600 ? 46 : 0;
-			const scrollY = window.scrollY;
 			const initialTop = getParentPosition();
 			if (initialTop <= offset) {
 				Ian.sidebar.style.top = offset + 'px';
@@ -311,6 +315,7 @@
 						let read = "";
 						let unread = "";
 
+						// eslint-disable-next-line es5/no-destructuring, no-unused-vars
 						Object.entries(response.data).forEach(([key, item]) => {
 							if (item.read) {
 								read += item.html;
@@ -321,6 +326,7 @@
 							}
 						});
 
+						// eslint-disable-next-line max-len
 						const separator = `<div class="ian-sidebar__separator"><div>${Ian.readTxt}</div><span></span></div>`;
 						Ian.notifications.innerHTML = unread + separator + read;
 					}
@@ -456,12 +462,16 @@
 				Ian.loader.classList.add("is-hidden");
 
 				if (response.success) {
+					// eslint-disable-next-line es5/no-spread
 					Ian.feed.read = [...Ian.feed.read, ...Ian.feed.unread];
 					Ian.feed.unread = [];
 					const read = Ian.feed.read.map(item => item.html).join("");
+					// eslint-disable-next-line max-len
 					const separator = `<div class="ian-sidebar__separator"><div>${Ian.readTxt}</div><span></span></div>`;
 					Ian.notifications.innerHTML = separator + read;
-					document.querySelectorAll('.ian-sidebar__notification-link--right').forEach(el => el.remove());
+					document
+						.querySelectorAll('.ian-sidebar__notification-link--right')
+						.forEach(el => el.remove());
 					updateIan();
 				} else {
 					console.error("Failed to read all notifications:", response.message || "Unknown error");

From 56ba9da9e29dc1311b2cc3d897a3e2a4b533fb89 Mon Sep 17 00:00:00 2001
From: Mike Cotton <codingmusician@gmail.com>
Date: Fri, 21 Feb 2025 12:52:36 -0600
Subject: [PATCH 3/4] fix stylelint errors

---
 src/resources/postcss/dialog.pcss             |   1 +
 src/resources/postcss/help-hub-iframe.pcss    |  17 +-
 src/resources/postcss/help-hub.pcss           |   2 +-
 src/resources/postcss/ian-client.pcss         | 637 ++++++++----------
 .../notices/_black-friday.pcss                |   2 +-
 .../notices/_copy-to-clipboard.pcss           |   2 +-
 .../tribe-common-admin/settings/_page.pcss    |  31 +-
 .../grid-elements/_content-section.pcss       |   5 +-
 .../settings/grid-elements/_elements.pcss     |   3 +-
 .../settings/grid-elements/_footer.pcss       |   3 +-
 .../settings/grid-elements/_header.pcss       |   5 +-
 .../settings/grid-elements/_infobox.pcss      |   5 +-
 .../settings/grid-elements/_overrides.pcss    |   3 +-
 .../settings/grid-elements/_separators.pcss   |   3 +-
 .../tec_baseline_admin/_all.pcss              |   1 -
 .../tec_baseline_admin/_sidebar-section.pcss  |   6 -
 .../tec_baseline_admin/_validation.pcss       |   0
 src/resources/postcss/validation.pcss         |   2 +-
 18 files changed, 339 insertions(+), 389 deletions(-)
 delete mode 100644 src/resources/postcss/tribe-common-admin/tec_baseline_admin/_validation.pcss

diff --git a/src/resources/postcss/dialog.pcss b/src/resources/postcss/dialog.pcss
index 6c0f04445c..c552a97d19 100644
--- a/src/resources/postcss/dialog.pcss
+++ b/src/resources/postcss/dialog.pcss
@@ -84,6 +84,7 @@ This can include modals, toasters, confirms. alerts.
 	/* The "close" button */
 	.tribe-dialog__close-button {
 		background: var(--tec-dialog-close-background);
+
 		/* We overwrite this for twentytwenty while we still need it. */
 		background-image: svg-inline(close-secondary) !important;
 		background-repeat: no-repeat;
diff --git a/src/resources/postcss/help-hub-iframe.pcss b/src/resources/postcss/help-hub-iframe.pcss
index 0a8bc5a205..8a67491ad3 100644
--- a/src/resources/postcss/help-hub-iframe.pcss
+++ b/src/resources/postcss/help-hub-iframe.pcss
@@ -10,9 +10,9 @@
 }
 
 body {
+	background: transparent !important;
 	font-family: var(--tec-font-family-sans-serif);
 	overflow: hidden;
-	background: transparent !important;
 }
 
 .hide {
@@ -27,8 +27,8 @@ body {
 	justify-content: center;
 }
 
-.blackout::before {
-	background-color: rgba(0, 0, 0, .8);
+.blackout:before {
+	background-color: rgba(0, 0, 0, 0.8);
 	content: '';
 	height: 100vh;
 	left: 0;
@@ -48,7 +48,7 @@ body[data-opted-in="0"].blackout {
 }
 
 /* Remove background-color from .blackout::before when opted-in is 0 */
-body[data-opted-in="0"].blackout::before {
+body[data-opted-in="0"].blackout:before {
 	background-color: transparent;
 }
 
@@ -72,7 +72,7 @@ body[data-opted-in="0"] .docsbot-widget-background {
 	}
 
 	/* Black overlay */
-	&::before {
+	&:before {
 		background-color: rgba(0, 0, 0, 0.5);
 		content: '';
 		height: 100%;
@@ -84,7 +84,6 @@ body[data-opted-in="0"] .docsbot-widget-background {
 	}
 }
 
-
 /**
  * Zendesk Styles
  */
@@ -114,9 +113,9 @@ body[data-opted-in="0"] .docsbot-widget-background {
 /* Medium screens and up: 50% width, centered */
 @media (--viewport-medium) {
 	#webWidget {
-		width: 50% !important;
 		margin: 0 auto !important;
-		max-height: 100vh !important
+		max-height: 100vh !important;
+		width: 50% !important;
 	}
 }
 
@@ -161,8 +160,8 @@ body[data-opted-in="0"] .docsbot-widget-background {
 }
 
 .tec-help-hub-iframe-opt-out-message__image img {
-	max-width: 100px;
 	height: auto;
+	max-width: 100px;
 }
 
 /* Content Column */
diff --git a/src/resources/postcss/help-hub.pcss b/src/resources/postcss/help-hub.pcss
index d06aacbc4b..ba18fc5176 100644
--- a/src/resources/postcss/help-hub.pcss
+++ b/src/resources/postcss/help-hub.pcss
@@ -3,7 +3,7 @@
  */
 
 body.tec-help .tribe_settings > h1 {
-	display:block;
+	display: block;
 }
 
 /* Navigation and Tab Styles */
diff --git a/src/resources/postcss/ian-client.pcss b/src/resources/postcss/ian-client.pcss
index 07199453e9..4e7371bd09 100644
--- a/src/resources/postcss/ian-client.pcss
+++ b/src/resources/postcss/ian-client.pcss
@@ -1,348 +1,307 @@
 .ian-client {
-  width: var(--tec-spacer-8);
-  height: var(--tec-spacer-8);
-
-  background-image: url('../images/icons/bell.svg');
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: auto;
-  cursor: pointer;
-
-  &:hover, &.active {
-    background-image: url('../images/icons/bell-hover.svg');
-  }
-
-  &.unread {
-    background-image: url('../images/icons/bell-on.svg');
-
-    &:hover, &.active {
-      background-image: url('../images/icons/bell-on-hover.svg');
-    }
-  }
-
-  @media screen and (max-width: 600px) {
-    top: calc(1.75 * var(--tec-spacer-8));
-  }
+	background-image: url('../images/icons/bell.svg');
+	background-position: center;
+	background-repeat: no-repeat;
+	background-size: auto;
+	cursor: pointer;
+	height: var(--tec-spacer-8);
+	width: var(--tec-spacer-8);
+
+	&:hover,
+	&.active {
+		background-image: url('../images/icons/bell-hover.svg');
+	}
+
+	&.unread {
+		background-image: url('../images/icons/bell-on.svg');
+
+		&:hover,
+		&.active {
+			background-image: url('../images/icons/bell-on-hover.svg');
+		}
+	}
+
+	@media screen and (max-width: 600px) {
+		top: calc(1.75 * var(--tec-spacer-8));
+	}
 }
 
 .ian-sidebar {
-  position: fixed;
-  top: calc(2 * var(--tec-spacer-11));
-  right: 0;
-  bottom: 0;
-
-  z-index: 1000;
-
-  width: 420px;
-  min-width: calc(2 * var(--tec-spacer-14));
-  max-width: 100vw;
-
-  background-color: var(--tec-color-background);
-
-  box-shadow: calc(var(--tec-spacer-0) * -1) var(--tec-spacer-0) var(--tec-spacer-3) 0 var(--tec-color-box-shadow-secondary);
-
-  transition: right 0.5s ease-in-out;
-
-  &.is-hidden {
-    right: -100%;
-  }
-
-  &__title {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-
-    padding: 0 var(--tec-spacer-5);
-    height: var(--tec-spacer-10);
-
-    border-bottom: 1px solid var(--tec-admin-core-grey-10);
-
-    color: var(--tec-admin-core-grey-80);
-
-    font-size: var(--tec-font-size-4);
-    font-weight: var(--tec-font-weight-bold);
-    line-height: var(--tec-line-height-0);
-
-    img {
-      cursor: pointer;
-    }
-
-    &--right {
-      display: flex;
-      align-items: center;
-
-      a {
-        margin-right: var(--tec-spacer-1);
-
-        font-family: var(--tec-font-family-sans-serif);
-        font-size: var(--tec-font-size-2);
-      }
-    }
-  }
-
-  &__content {
-    position: relative;
-
-    display: inline;
-
-    background: var(--tec-admin-core-grey-0);
-  }
-
-  &__optin {
-    padding: 40% var(--tec-spacer-3) var(--tec-spacer-3);
-
-    text-align: center;
-
-    &--title {
-      font-family: var(--tec-font-family-sans-serif);
-      font-size: var(--tec-font-size-4);
-      font-weight: var(--tec-font-weight-bold);
-    }
-
-    &--description {
-      margin: 0 auto;
-      max-width: calc(2 * var(--tec-spacer-14));
-
-      p {
-        margin-bottom: var(--tec-spacer-2);
-
-        font-family: var(--tec-font-family-sans-serif);
-        font-size: var(--tec-font-size-2);
-      }
-    }
-
-    &--button {
-      margin: var(--tec-spacer-3) auto;
-      padding: var(--tec-spacer-1) var(--tec-spacer-2);
-
-      width: max-content;
-
-      border: 1px solid var(--tec-admin-core-blue-50);
-      border-radius: var(--tec-border-radius-default);
-
-      color: var(--tec-admin-core-blue-50);
-
-      &:hover {
-        background-color: var(--tec-admin-core-blue-50);
-        cursor: pointer;
-
-        color: var(--tec-admin-core-grey-0);
-      }
-    }
-
-    &.disable {
-      opacity: var(--tec-opacity-select-highlighted);
-
-      pointer-events: none;
-    }
-  }
-
-  &__loader {
-    position: fixed;
-    top: 50%;
-    right: var(--tec-spacer-14);
-    z-index: 1;
-
-    display: block;
-    width: var(--tec-spacer-13);
-    height: var(--tec-spacer-2);
-
-    background: radial-gradient(circle closest-side,var(--tec-admin-core-blue-50) 92%,#0000) calc(100% / 3) 0 / calc(100% / 4) 100%;
-
-    animation: ian-loader 0.5s infinite linear;
-  }
-  @keyframes ian-loader {
-    100% {background-position: 0 0}
-  }
-
-  &__notifications {
-    padding: var(--tec-spacer-3);;
-    height: calc(100% - var(--tec-spacer-10));
-
-    background: var(--tec-color-background);
-    overflow: auto;
-
-    box-sizing: border-box;
-  }
-
-  &__notification {
-    position: relative;
-
-    margin-bottom: var(--tec-spacer-3);;
-    padding: var(--tec-spacer-5);
-
-    border: 1px solid var(--tec-admin-core-grey-10);
-    border-radius: var(--tec-spacer-0);
-
-    &--update {
-      border-left: var(--tec-spacer-0) solid var(--tec-admin-core-blue-50);
-    }
-
-    &--warning {
-      border-left: var(--tec-spacer-0) solid var(--tec-error-border-color);
-    }
-
-    &--notice {
-      border-left: var(--tec-spacer-0) solid var(--tec-success-border-color);
-    }
-
-    .dashicons-dismiss {
-      position: absolute;
-      top: var(--tec-spacer-1);
-      right: var(--tec-spacer-1);
-
-      opacity: 0;
-
-      color: var(--tec-admin-core-grey-50);
-
-      transition: opacity 0.5s ease-in-out;
-
-      pointer-events: none;
-    }
-
-    &-title {
-      margin-bottom: var(--tec-spacer-1);
-
-      color: var(--tec-admin-core-grey-80);
-      font-family: var(--tec-font-family-sans-serif);
-      font-size: var(--tec-font-size-4);
-      font-weight: var(--tec-font-weight-bold);
-    }
-
-    &-content {
-      margin-bottom: var(--tec-spacer-2);
-
-      color: var(--tec-admin-core-grey-80);
-      font-family: 'Arial', sans-serif;
-      font-size: var(--tec-font-size-2);
-      font-weight: var(--tec-font-weight-normal);
-
-      p {
-        color: var(--tec-admin-core-grey-80);
-        font-family: 'Arial', sans-serif;
-        font-size: var(--tec-font-size-2);
-        font-weight: var(--tec-font-weight-normal);
-      }
-    }
-
-    &-link {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-
-      font-family: var(--tec-font-family-sans-serif);
-      font-size: var(--tec-font-size-2);
-
-      a {
-        margin-right: var(--tec-spacer-1);
-
-        &:last-of-type {
-          margin-right: 0;
-        }
-      }
-    }
-
-    &:hover {
-      .dashicons-dismiss {
-        cursor: pointer;
-        opacity: 1;
-
-        pointer-events: all;
-      }
-    }
-
-    &.fade-out {
-      opacity: 0;
-
-      transition: opacity 0.4s ease-in-out 0.2s;
-    }
-  }
-
-  &__separator {
-    position: relative;
-
-    display: flex;
-    margin: var(--tec-spacer-3) 0;
-
-    div {
-      z-index: 1;
-
-      padding-right: var(--tec-spacer-1);
-
-      background: white;
-    }
-
-    span {
-      &:after {
-        position: absolute;
-        right: 0;
-        bottom: calc(50% - 2px);
-
-        width: 100%;
-        height: 1px;
-
-        background: var(--tec-admin-core-grey-10);
-
-        content: '';
-      }
-    }
-  }
-
-  .is-hidden {
-    display: none;
-  }
+	background-color: var(--tec-color-background);
+	bottom: 0;
+	box-shadow: calc(var(--tec-spacer-0) * -1) var(--tec-spacer-0) var(--tec-spacer-3) 0 var(--tec-color-box-shadow-secondary);
+	max-width: 100vw;
+	min-width: calc(2 * var(--tec-spacer-14));
+	position: fixed;
+	right: 0;
+	top: calc(2 * var(--tec-spacer-11));
+	transition: right 0.5s ease-in-out;
+	width: 420px;
+	z-index: 1000;
+
+	&.is-hidden {
+		right: -100%;
+	}
+
+	&__title {
+		align-items: center;
+		border-bottom: 1px solid var(--tec-admin-core-grey-10);
+		color: var(--tec-admin-core-grey-80);
+		display: flex;
+		font-size: var(--tec-font-size-4);
+		font-weight: var(--tec-font-weight-bold);
+		height: var(--tec-spacer-10);
+		justify-content: space-between;
+		line-height: var(--tec-line-height-0);
+		padding: 0 var(--tec-spacer-5);
+
+		img {
+			cursor: pointer;
+		}
+
+		&--right {
+			align-items: center;
+			display: flex;
+
+			a {
+				font-family: var(--tec-font-family-sans-serif);
+				font-size: var(--tec-font-size-2);
+				margin-right: var(--tec-spacer-1);
+			}
+		}
+	}
+
+	&__content {
+		background: var(--tec-admin-core-grey-0);
+		display: inline;
+		position: relative;
+	}
+
+	&__optin {
+		padding: 40% var(--tec-spacer-3) var(--tec-spacer-3);
+		text-align: center;
+
+		&--title {
+			font-family: var(--tec-font-family-sans-serif);
+			font-size: var(--tec-font-size-4);
+			font-weight: var(--tec-font-weight-bold);
+		}
+
+		&--description {
+			margin: 0 auto;
+			max-width: calc(2 * var(--tec-spacer-14));
+
+			p {
+				font-family: var(--tec-font-family-sans-serif);
+				font-size: var(--tec-font-size-2);
+				margin-bottom: var(--tec-spacer-2);
+			}
+		}
+
+		&--button {
+			border: 1px solid var(--tec-admin-core-blue-50);
+			border-radius: var(--tec-border-radius-default);
+			color: var(--tec-admin-core-blue-50);
+			margin: var(--tec-spacer-3) auto;
+			padding: var(--tec-spacer-1) var(--tec-spacer-2);
+			width: max-content;
+
+			&:hover {
+				background-color: var(--tec-admin-core-blue-50);
+				color: var(--tec-admin-core-grey-0);
+				cursor: pointer;
+			}
+		}
+
+		&.disable {
+			opacity: var(--tec-opacity-select-highlighted);
+			pointer-events: none;
+		}
+	}
+
+	&__loader {
+		animation: ian-loader 0.5s infinite linear;
+		background: radial-gradient(circle closest-side, var(--tec-admin-core-blue-50) 92%, #000) calc(100% / 3) 0 / calc(100% / 4) 100%;
+		display: block;
+		height: var(--tec-spacer-2);
+		position: fixed;
+		right: var(--tec-spacer-14);
+		top: 50%;
+		width: var(--tec-spacer-13);
+		z-index: 1;
+	}
+
+	@keyframes ian-loader {
+		100% {
+			background-position: 0 0;
+		}
+	}
+
+	&__notifications {
+		background: var(--tec-color-background);
+		box-sizing: border-box;
+		height: calc(100% - var(--tec-spacer-10));
+		overflow: auto;
+		padding: var(--tec-spacer-3);
+	}
+
+	&__notification {
+		border: 1px solid var(--tec-admin-core-grey-10);
+		border-radius: var(--tec-spacer-0);
+		margin-bottom: var(--tec-spacer-3);
+		padding: var(--tec-spacer-5);
+		position: relative;
+
+		&--update {
+			border-left: var(--tec-spacer-0) solid var(--tec-admin-core-blue-50);
+		}
+
+		&--warning {
+			border-left: var(--tec-spacer-0) solid var(--tec-error-border-color);
+		}
+
+		&--notice {
+			border-left: var(--tec-spacer-0) solid var(--tec-success-border-color);
+		}
+
+		.dashicons-dismiss {
+			color: var(--tec-admin-core-grey-50);
+			opacity: 0;
+			pointer-events: none;
+			position: absolute;
+			right: var(--tec-spacer-1);
+			top: var(--tec-spacer-1);
+			transition: opacity 0.5s ease-in-out;
+		}
+
+		&-title {
+			color: var(--tec-admin-core-grey-80);
+			font-family: var(--tec-font-family-sans-serif);
+			font-size: var(--tec-font-size-4);
+			font-weight: var(--tec-font-weight-bold);
+			margin-bottom: var(--tec-spacer-1);
+		}
+
+		&-content {
+			color: var(--tec-admin-core-grey-80);
+			font-family: 'Arial', sans-serif;
+			font-size: var(--tec-font-size-2);
+			font-weight: var(--tec-font-weight-normal);
+			margin-bottom: var(--tec-spacer-2);
+
+			p {
+				color: var(--tec-admin-core-grey-80);
+				font-family: 'Arial', sans-serif;
+				font-size: var(--tec-font-size-2);
+				font-weight: var(--tec-font-weight-normal);
+			}
+		}
+
+		&-link {
+			align-items: center;
+			display: flex;
+			font-family: var(--tec-font-family-sans-serif);
+			font-size: var(--tec-font-size-2);
+			justify-content: space-between;
+
+			a {
+				margin-right: var(--tec-spacer-1);
+
+				&:last-of-type {
+					margin-right: 0;
+				}
+			}
+		}
+
+		&:hover {
+			.dashicons-dismiss {
+				cursor: pointer;
+				opacity: 1;
+				pointer-events: all;
+			}
+		}
+
+		&.fade-out {
+			opacity: 0;
+			transition: opacity 0.4s ease-in-out 0.2s;
+		}
+	}
+
+	&__separator {
+		display: flex;
+		margin: var(--tec-spacer-3) 0;
+		position: relative;
+
+		div {
+			background: white;
+			padding-right: var(--tec-spacer-1);
+			z-index: 1;
+		}
+
+		span:after {
+			background: var(--tec-admin-core-grey-10);
+			bottom: calc(50% - 2px);
+			content: '';
+			height: 1px;
+			position: absolute;
+			right: 0;
+			width: 100%;
+		}
+	}
+
+	.is-hidden {
+		display: none;
+	}
 }
 
 .post-php.post-type-tribe_events,
 .edit-php.post-type-tribe_events {
-  .ian-header {
-    margin-bottom: var(--tec-spacer-3);
-    margin-left: calc(var(--tec-spacer-4) * -1);
-    padding: var(--tec-spacer-7) var(--tec-spacer-4) 0;
-    width: 100%;
-    height: var(--tec-spacer-11);
-
-    background: #fff;
-
-    @media screen and (max-width: 782px) {
-      height: var(--tec-spacer-12);
-    }
-  }
-
-  .ian-inner-wrapper {
-    clear: both;
-
-    h1.wp-heading-inline {
-      padding: var(--tec-spacer-0) 0;
-
-      @media screen and (max-width: 782px) {
-        margin-bottom: 0;
-      }
-    }
-  }
-
-  .ian-client {
-    float: right;
-  }
-
-  .ian-sidebar {
-    top: var(--tec-spacer-13);
-  }
-
-  #wpwrap {
-    overflow: hidden;
-  }
-
-  .wrap {
-    margin-top: 0;
-
-    @media screen and (max-width: 782px) {
-      clear: initial;
-
-      .page-title-action {
-        padding: 0 var(--tec-spacer-2);
-      }
-
-    }
-  }
+	.ian-header {
+		background: #fff;
+		height: var(--tec-spacer-11);
+		margin-bottom: var(--tec-spacer-3);
+		margin-left: calc(var(--tec-spacer-4) * -1);
+		padding: var(--tec-spacer-7) var(--tec-spacer-4) 0;
+		width: 100%;
+
+		@media screen and (max-width: 782px) {
+			height: var(--tec-spacer-12);
+		}
+	}
+
+	.ian-inner-wrapper {
+		clear: both;
+
+		h1.wp-heading-inline {
+			padding: var(--tec-spacer-0) 0;
+
+			@media screen and (max-width: 782px) {
+				margin-bottom: 0;
+			}
+		}
+	}
+
+	.ian-client {
+		float: right;
+	}
+
+	.ian-sidebar {
+		top: var(--tec-spacer-13);
+	}
+
+	#wpwrap {
+		overflow: hidden;
+	}
+
+	.wrap {
+		margin-top: 0;
+
+		@media screen and (max-width: 782px) {
+			clear: initial;
+
+			.page-title-action {
+				padding: 0 var(--tec-spacer-2);
+			}
+		}
+	}
 }
diff --git a/src/resources/postcss/tribe-common-admin/notices/_black-friday.pcss b/src/resources/postcss/tribe-common-admin/notices/_black-friday.pcss
index d4758cdfdb..839449a1a3 100644
--- a/src/resources/postcss/tribe-common-admin/notices/_black-friday.pcss
+++ b/src/resources/postcss/tribe-common-admin/notices/_black-friday.pcss
@@ -58,8 +58,8 @@
 
 		.tribe-marketing-notice__content-wrapper {
 			flex-grow: 1;
-			max-width: 328px;
 			-webkit-font-smoothing: antialiased;
+			max-width: 328px;
 
 			@container tec-bf-notice (min-width: 540px) {
 				max-width: none;
diff --git a/src/resources/postcss/tribe-common-admin/notices/_copy-to-clipboard.pcss b/src/resources/postcss/tribe-common-admin/notices/_copy-to-clipboard.pcss
index 3b01cc66de..dbd04f7dc9 100644
--- a/src/resources/postcss/tribe-common-admin/notices/_copy-to-clipboard.pcss
+++ b/src/resources/postcss/tribe-common-admin/notices/_copy-to-clipboard.pcss
@@ -1,5 +1,5 @@
 .tec-copy-to-clipboard-notice {
-	position:relative;
+	position: relative;
 
 	.tec-copy-to-clipboard-notice-content {
 		background: #c4d5f6;
diff --git a/src/resources/postcss/tribe-common-admin/settings/_page.pcss b/src/resources/postcss/tribe-common-admin/settings/_page.pcss
index 3e0b137860..4275a8d23d 100644
--- a/src/resources/postcss/tribe-common-admin/settings/_page.pcss
+++ b/src/resources/postcss/tribe-common-admin/settings/_page.pcss
@@ -6,7 +6,7 @@
  *
  * ----------------------------------------------------------------------------- */
 
- .tribe_events_page_tec-events-settings {
+.tribe_events_page_tec-events-settings {
 	#wpcontent {
 		padding-left: 0;
 	}
@@ -19,9 +19,8 @@
 
 	#tec-settings-logo {
 		margin: var(--tec-spacer-2);
-		width: var(--tec-spacer-7);
-
 		vertical-align: middle;
+		width: var(--tec-spacer-7);
 
 		@media (max-width: 782px) {
 			margin: var(--tec-spacer-2);
@@ -40,15 +39,13 @@
 		}
 
 		.tribe-notice-wrap {
-			width: 100%;
-
 			background-color: var(--tec-color-background);
+			width: 100%;
 
 			> div {
-				margin: var(--tec-spacer-1) var(--tec-spacer-7);
-				box-sizing: border-box;
-
 				border-radius: var(--tec-border-radius-default);
+				box-sizing: border-box;
+				margin: var(--tec-spacer-1) var(--tec-spacer-7);
 
 				@media (min-width: 500px) and (max-width: 1259px) {
 					margin: var(--tec-spacer-1) var(--tec-spacer-5);
@@ -58,27 +55,23 @@
 	}
 
 	.tribe_settings.wrap .tec-settings-header-wrap {
-		position: relative;
-
-		display: flex;
 		align-items: center;
+		background-color: var(--tec-color-background);
+		box-sizing: border-box;
+		display: flex;
 		justify-content: space-between;
 		padding: var(--tec-spacer-2) var(--tec-spacer-5);
-		box-sizing: border-box;
+		position: relative;
 		width: 100%;
-
-		background-color: var(--tec-color-background);
 	}
 
 	.tribe_settings.wrap h1 {
-		padding: 0;
-		width: auto;
-		max-width: 100%;
-
 		background-color: var(--tec-color-background);
-
 		font-family: var(--tec-font-family-sans-serif);
 		font-size: var(--tec-font-size-7);
 		font-weight: var(--tec-font-weight-regular);
+		max-width: 100%;
+		padding: 0;
+		width: auto;
 	}
 }
diff --git a/src/resources/postcss/tribe-common-admin/settings/grid-elements/_content-section.pcss b/src/resources/postcss/tribe-common-admin/settings/grid-elements/_content-section.pcss
index 22d73f8a3b..35e93a938a 100644
--- a/src/resources/postcss/tribe-common-admin/settings/grid-elements/_content-section.pcss
+++ b/src/resources/postcss/tribe-common-admin/settings/grid-elements/_content-section.pcss
@@ -7,7 +7,8 @@
  *
  * ----------------------------------------------------------------------------- */
 
-.tribe_events_page_tec-events-settings #tec-settings-form, .tribe_events_page_tec-events-settings .tec-settings-form {
+.tribe_events_page_tec-events-settings #tec-settings-form,
+.tribe_events_page_tec-events-settings .tec-settings-form {
 	.tec-settings-form__content-section {
 		display: grid;
 		grid-row-gap: var(--tec-spacer-settings-form-row-gap);
@@ -19,8 +20,8 @@
 
 		@media (min-width: 1024px) {
 			grid-column: 1 / span 2;
-			grid-template-columns: var(--tec-spacer-settings-form-width-left-col) 1fr;
 			grid-row-gap: var(--tec-spacer-7);
+			grid-template-columns: var(--tec-spacer-settings-form-width-left-col) 1fr;
 
 			> *:only-child {
 				grid-column: 1 / span 2;
diff --git a/src/resources/postcss/tribe-common-admin/settings/grid-elements/_elements.pcss b/src/resources/postcss/tribe-common-admin/settings/grid-elements/_elements.pcss
index cfe4954940..dd7d32cc23 100644
--- a/src/resources/postcss/tribe-common-admin/settings/grid-elements/_elements.pcss
+++ b/src/resources/postcss/tribe-common-admin/settings/grid-elements/_elements.pcss
@@ -6,7 +6,8 @@
  *
  * ----------------------------------------------------------------------------- */
 
-.tribe_events_page_tec-events-settings #tec-settings-form, .tribe_events_page_tec-events-settings .tec-settings-form {
+.tribe_events_page_tec-events-settings #tec-settings-form,
+.tribe_events_page_tec-events-settings .tec-settings-form {
 	.tec-settings-form__element--rowspan-2 {
 		@media (--viewport-xlarge) {
 			grid-row: span 2;
diff --git a/src/resources/postcss/tribe-common-admin/settings/grid-elements/_footer.pcss b/src/resources/postcss/tribe-common-admin/settings/grid-elements/_footer.pcss
index 3d49a654f2..65d2eb31ff 100644
--- a/src/resources/postcss/tribe-common-admin/settings/grid-elements/_footer.pcss
+++ b/src/resources/postcss/tribe-common-admin/settings/grid-elements/_footer.pcss
@@ -6,7 +6,8 @@
  *
  * ----------------------------------------------------------------------------- */
 
-.tribe_events_page_tec-events-settings #tec-settings-form, .tribe_events_page_tec-events-settings .tec-settings-form {
+.tribe_events_page_tec-events-settings #tec-settings-form,
+.tribe_events_page_tec-events-settings .tec-settings-form {
 	> .tec-settings-form__footer {
 		align-items: center;
 		background-color: var(--tec-color-background);
diff --git a/src/resources/postcss/tribe-common-admin/settings/grid-elements/_header.pcss b/src/resources/postcss/tribe-common-admin/settings/grid-elements/_header.pcss
index ecc0ef440d..d2790cee1d 100644
--- a/src/resources/postcss/tribe-common-admin/settings/grid-elements/_header.pcss
+++ b/src/resources/postcss/tribe-common-admin/settings/grid-elements/_header.pcss
@@ -6,7 +6,8 @@
  *
  * ----------------------------------------------------------------------------- */
 
-.tribe_events_page_tec-events-settings #tec-settings-form, .tribe_events_page_tec-events-settings .tec-settings-form {
+.tribe_events_page_tec-events-settings #tec-settings-form,
+.tribe_events_page_tec-events-settings .tec-settings-form {
 	h2,
 	h3 {
 		font-size: var(--tec-font-size-5);
@@ -125,8 +126,8 @@
 	}
 
 	.tec-settings-form__section-description {
-		margin: 0;
 		font-size: var(--tec-font-size-2);
+		margin: 0;
 
 		@media (--viewport-xlarge) {
 			grid-column: 1;
diff --git a/src/resources/postcss/tribe-common-admin/settings/grid-elements/_infobox.pcss b/src/resources/postcss/tribe-common-admin/settings/grid-elements/_infobox.pcss
index b60e277370..c7559914f2 100644
--- a/src/resources/postcss/tribe-common-admin/settings/grid-elements/_infobox.pcss
+++ b/src/resources/postcss/tribe-common-admin/settings/grid-elements/_infobox.pcss
@@ -6,7 +6,8 @@
  *
  * ----------------------------------------------------------------------------- */
 
-.tribe_events_page_tec-events-settings .tec-settings-form, .tribe_events_page_tec-events-settings #tec-settings-form {
+.tribe_events_page_tec-events-settings .tec-settings-form,
+.tribe_events_page_tec-events-settings #tec-settings-form {
 	.tec-settings-infobox {
 		align-items: center;
 		background-color: var(--tec-admin-core-grey-0);
@@ -62,7 +63,5 @@
 				margin-bottom: 0;
 			}
 		}
-
-
 	}
 }
diff --git a/src/resources/postcss/tribe-common-admin/settings/grid-elements/_overrides.pcss b/src/resources/postcss/tribe-common-admin/settings/grid-elements/_overrides.pcss
index d27bca4566..247e033b97 100644
--- a/src/resources/postcss/tribe-common-admin/settings/grid-elements/_overrides.pcss
+++ b/src/resources/postcss/tribe-common-admin/settings/grid-elements/_overrides.pcss
@@ -6,7 +6,8 @@
  *
  * ----------------------------------------------------------------------------- */
 
-.tribe_events_page_tec-events-settings #tec-settings-form, .tribe_events_page_tec-events-settings .tec-settings-form {
+.tribe_events_page_tec-events-settings #tec-settings-form,
+.tribe_events_page_tec-events-settings .tec-settings-form {
 
 	.tec-automator-endpoint-dashboard,
 	.tribe-settings-form .tec-automator-settings,
diff --git a/src/resources/postcss/tribe-common-admin/settings/grid-elements/_separators.pcss b/src/resources/postcss/tribe-common-admin/settings/grid-elements/_separators.pcss
index e8f9a37b68..f3848c6115 100644
--- a/src/resources/postcss/tribe-common-admin/settings/grid-elements/_separators.pcss
+++ b/src/resources/postcss/tribe-common-admin/settings/grid-elements/_separators.pcss
@@ -6,7 +6,8 @@
  *
  * ----------------------------------------------------------------------------- */
 
-.tribe_events_page_tec-events-settings #tec-settings-form, .tribe_events_page_tec-events-settings .tec-settings-form {
+.tribe_events_page_tec-events-settings #tec-settings-form,
+.tribe_events_page_tec-events-settings .tec-settings-form {
 	.tec-settings-form__separator--section {
 		background-color: var(--tec-admin-core-grey-10);
 		border: 0;
diff --git a/src/resources/postcss/tribe-common-admin/tec_baseline_admin/_all.pcss b/src/resources/postcss/tribe-common-admin/tec_baseline_admin/_all.pcss
index e0bf24bad3..754a62fc82 100644
--- a/src/resources/postcss/tribe-common-admin/tec_baseline_admin/_all.pcss
+++ b/src/resources/postcss/tribe-common-admin/tec_baseline_admin/_all.pcss
@@ -13,7 +13,6 @@
 @import "_content.pcss";
 @import "_content-section.pcss";
 @import "_step-list.pcss";
-@import "_validation.pcss";
 @import "_sidebar.pcss";
 @import "_sidebar-section.pcss";
 @import "_footer.pcss";
diff --git a/src/resources/postcss/tribe-common-admin/tec_baseline_admin/_sidebar-section.pcss b/src/resources/postcss/tribe-common-admin/tec_baseline_admin/_sidebar-section.pcss
index be52506302..5c4233af27 100644
--- a/src/resources/postcss/tribe-common-admin/tec_baseline_admin/_sidebar-section.pcss
+++ b/src/resources/postcss/tribe-common-admin/tec_baseline_admin/_sidebar-section.pcss
@@ -31,12 +31,6 @@
 
 	@media (--viewport-xlarge) {
 		display: flex;
-	}
-
-	.tec-admin-page__sidebar-section {
-
-
-
 	}
 
 	@media (--viewport-xlarge) {
diff --git a/src/resources/postcss/tribe-common-admin/tec_baseline_admin/_validation.pcss b/src/resources/postcss/tribe-common-admin/tec_baseline_admin/_validation.pcss
deleted file mode 100644
index e69de29bb2..0000000000
diff --git a/src/resources/postcss/validation.pcss b/src/resources/postcss/validation.pcss
index 23c4d79e7e..46386653af 100644
--- a/src/resources/postcss/validation.pcss
+++ b/src/resources/postcss/validation.pcss
@@ -1,6 +1,6 @@
 :root {
 	--tec-error-border-color: #dc3232;
-	--tec-success-border-color: #00A32A;
+	--tec-success-border-color: #00a32a;
 }
 
 .tribe-validation {

From f4c27c8c282fd8771ed4e41b9c8c688776bb599c Mon Sep 17 00:00:00 2001
From: Mike Cotton <codingmusician@gmail.com>
Date: Fri, 21 Feb 2025 12:59:26 -0600
Subject: [PATCH 4/4] Revert "fix stylelint errors"

This reverts commit 56ba9da9e29dc1311b2cc3d897a3e2a4b533fb89.
---
 src/resources/postcss/dialog.pcss             |   1 -
 src/resources/postcss/help-hub-iframe.pcss    |  17 +-
 src/resources/postcss/help-hub.pcss           |   2 +-
 src/resources/postcss/ian-client.pcss         | 637 ++++++++++--------
 .../notices/_black-friday.pcss                |   2 +-
 .../notices/_copy-to-clipboard.pcss           |   2 +-
 .../tribe-common-admin/settings/_page.pcss    |  31 +-
 .../grid-elements/_content-section.pcss       |   5 +-
 .../settings/grid-elements/_elements.pcss     |   3 +-
 .../settings/grid-elements/_footer.pcss       |   3 +-
 .../settings/grid-elements/_header.pcss       |   5 +-
 .../settings/grid-elements/_infobox.pcss      |   5 +-
 .../settings/grid-elements/_overrides.pcss    |   3 +-
 .../settings/grid-elements/_separators.pcss   |   3 +-
 .../tec_baseline_admin/_all.pcss              |   1 +
 .../tec_baseline_admin/_sidebar-section.pcss  |   6 +
 .../tec_baseline_admin/_validation.pcss       |   0
 src/resources/postcss/validation.pcss         |   2 +-
 18 files changed, 389 insertions(+), 339 deletions(-)
 create mode 100644 src/resources/postcss/tribe-common-admin/tec_baseline_admin/_validation.pcss

diff --git a/src/resources/postcss/dialog.pcss b/src/resources/postcss/dialog.pcss
index c552a97d19..6c0f04445c 100644
--- a/src/resources/postcss/dialog.pcss
+++ b/src/resources/postcss/dialog.pcss
@@ -84,7 +84,6 @@ This can include modals, toasters, confirms. alerts.
 	/* The "close" button */
 	.tribe-dialog__close-button {
 		background: var(--tec-dialog-close-background);
-
 		/* We overwrite this for twentytwenty while we still need it. */
 		background-image: svg-inline(close-secondary) !important;
 		background-repeat: no-repeat;
diff --git a/src/resources/postcss/help-hub-iframe.pcss b/src/resources/postcss/help-hub-iframe.pcss
index 8a67491ad3..0a8bc5a205 100644
--- a/src/resources/postcss/help-hub-iframe.pcss
+++ b/src/resources/postcss/help-hub-iframe.pcss
@@ -10,9 +10,9 @@
 }
 
 body {
-	background: transparent !important;
 	font-family: var(--tec-font-family-sans-serif);
 	overflow: hidden;
+	background: transparent !important;
 }
 
 .hide {
@@ -27,8 +27,8 @@ body {
 	justify-content: center;
 }
 
-.blackout:before {
-	background-color: rgba(0, 0, 0, 0.8);
+.blackout::before {
+	background-color: rgba(0, 0, 0, .8);
 	content: '';
 	height: 100vh;
 	left: 0;
@@ -48,7 +48,7 @@ body[data-opted-in="0"].blackout {
 }
 
 /* Remove background-color from .blackout::before when opted-in is 0 */
-body[data-opted-in="0"].blackout:before {
+body[data-opted-in="0"].blackout::before {
 	background-color: transparent;
 }
 
@@ -72,7 +72,7 @@ body[data-opted-in="0"] .docsbot-widget-background {
 	}
 
 	/* Black overlay */
-	&:before {
+	&::before {
 		background-color: rgba(0, 0, 0, 0.5);
 		content: '';
 		height: 100%;
@@ -84,6 +84,7 @@ body[data-opted-in="0"] .docsbot-widget-background {
 	}
 }
 
+
 /**
  * Zendesk Styles
  */
@@ -113,9 +114,9 @@ body[data-opted-in="0"] .docsbot-widget-background {
 /* Medium screens and up: 50% width, centered */
 @media (--viewport-medium) {
 	#webWidget {
-		margin: 0 auto !important;
-		max-height: 100vh !important;
 		width: 50% !important;
+		margin: 0 auto !important;
+		max-height: 100vh !important
 	}
 }
 
@@ -160,8 +161,8 @@ body[data-opted-in="0"] .docsbot-widget-background {
 }
 
 .tec-help-hub-iframe-opt-out-message__image img {
-	height: auto;
 	max-width: 100px;
+	height: auto;
 }
 
 /* Content Column */
diff --git a/src/resources/postcss/help-hub.pcss b/src/resources/postcss/help-hub.pcss
index ba18fc5176..d06aacbc4b 100644
--- a/src/resources/postcss/help-hub.pcss
+++ b/src/resources/postcss/help-hub.pcss
@@ -3,7 +3,7 @@
  */
 
 body.tec-help .tribe_settings > h1 {
-	display: block;
+	display:block;
 }
 
 /* Navigation and Tab Styles */
diff --git a/src/resources/postcss/ian-client.pcss b/src/resources/postcss/ian-client.pcss
index 4e7371bd09..07199453e9 100644
--- a/src/resources/postcss/ian-client.pcss
+++ b/src/resources/postcss/ian-client.pcss
@@ -1,307 +1,348 @@
 .ian-client {
-	background-image: url('../images/icons/bell.svg');
-	background-position: center;
-	background-repeat: no-repeat;
-	background-size: auto;
-	cursor: pointer;
-	height: var(--tec-spacer-8);
-	width: var(--tec-spacer-8);
-
-	&:hover,
-	&.active {
-		background-image: url('../images/icons/bell-hover.svg');
-	}
-
-	&.unread {
-		background-image: url('../images/icons/bell-on.svg');
-
-		&:hover,
-		&.active {
-			background-image: url('../images/icons/bell-on-hover.svg');
-		}
-	}
-
-	@media screen and (max-width: 600px) {
-		top: calc(1.75 * var(--tec-spacer-8));
-	}
+  width: var(--tec-spacer-8);
+  height: var(--tec-spacer-8);
+
+  background-image: url('../images/icons/bell.svg');
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: auto;
+  cursor: pointer;
+
+  &:hover, &.active {
+    background-image: url('../images/icons/bell-hover.svg');
+  }
+
+  &.unread {
+    background-image: url('../images/icons/bell-on.svg');
+
+    &:hover, &.active {
+      background-image: url('../images/icons/bell-on-hover.svg');
+    }
+  }
+
+  @media screen and (max-width: 600px) {
+    top: calc(1.75 * var(--tec-spacer-8));
+  }
 }
 
 .ian-sidebar {
-	background-color: var(--tec-color-background);
-	bottom: 0;
-	box-shadow: calc(var(--tec-spacer-0) * -1) var(--tec-spacer-0) var(--tec-spacer-3) 0 var(--tec-color-box-shadow-secondary);
-	max-width: 100vw;
-	min-width: calc(2 * var(--tec-spacer-14));
-	position: fixed;
-	right: 0;
-	top: calc(2 * var(--tec-spacer-11));
-	transition: right 0.5s ease-in-out;
-	width: 420px;
-	z-index: 1000;
-
-	&.is-hidden {
-		right: -100%;
-	}
-
-	&__title {
-		align-items: center;
-		border-bottom: 1px solid var(--tec-admin-core-grey-10);
-		color: var(--tec-admin-core-grey-80);
-		display: flex;
-		font-size: var(--tec-font-size-4);
-		font-weight: var(--tec-font-weight-bold);
-		height: var(--tec-spacer-10);
-		justify-content: space-between;
-		line-height: var(--tec-line-height-0);
-		padding: 0 var(--tec-spacer-5);
-
-		img {
-			cursor: pointer;
-		}
-
-		&--right {
-			align-items: center;
-			display: flex;
-
-			a {
-				font-family: var(--tec-font-family-sans-serif);
-				font-size: var(--tec-font-size-2);
-				margin-right: var(--tec-spacer-1);
-			}
-		}
-	}
-
-	&__content {
-		background: var(--tec-admin-core-grey-0);
-		display: inline;
-		position: relative;
-	}
-
-	&__optin {
-		padding: 40% var(--tec-spacer-3) var(--tec-spacer-3);
-		text-align: center;
-
-		&--title {
-			font-family: var(--tec-font-family-sans-serif);
-			font-size: var(--tec-font-size-4);
-			font-weight: var(--tec-font-weight-bold);
-		}
-
-		&--description {
-			margin: 0 auto;
-			max-width: calc(2 * var(--tec-spacer-14));
-
-			p {
-				font-family: var(--tec-font-family-sans-serif);
-				font-size: var(--tec-font-size-2);
-				margin-bottom: var(--tec-spacer-2);
-			}
-		}
-
-		&--button {
-			border: 1px solid var(--tec-admin-core-blue-50);
-			border-radius: var(--tec-border-radius-default);
-			color: var(--tec-admin-core-blue-50);
-			margin: var(--tec-spacer-3) auto;
-			padding: var(--tec-spacer-1) var(--tec-spacer-2);
-			width: max-content;
-
-			&:hover {
-				background-color: var(--tec-admin-core-blue-50);
-				color: var(--tec-admin-core-grey-0);
-				cursor: pointer;
-			}
-		}
-
-		&.disable {
-			opacity: var(--tec-opacity-select-highlighted);
-			pointer-events: none;
-		}
-	}
-
-	&__loader {
-		animation: ian-loader 0.5s infinite linear;
-		background: radial-gradient(circle closest-side, var(--tec-admin-core-blue-50) 92%, #000) calc(100% / 3) 0 / calc(100% / 4) 100%;
-		display: block;
-		height: var(--tec-spacer-2);
-		position: fixed;
-		right: var(--tec-spacer-14);
-		top: 50%;
-		width: var(--tec-spacer-13);
-		z-index: 1;
-	}
-
-	@keyframes ian-loader {
-		100% {
-			background-position: 0 0;
-		}
-	}
-
-	&__notifications {
-		background: var(--tec-color-background);
-		box-sizing: border-box;
-		height: calc(100% - var(--tec-spacer-10));
-		overflow: auto;
-		padding: var(--tec-spacer-3);
-	}
-
-	&__notification {
-		border: 1px solid var(--tec-admin-core-grey-10);
-		border-radius: var(--tec-spacer-0);
-		margin-bottom: var(--tec-spacer-3);
-		padding: var(--tec-spacer-5);
-		position: relative;
-
-		&--update {
-			border-left: var(--tec-spacer-0) solid var(--tec-admin-core-blue-50);
-		}
-
-		&--warning {
-			border-left: var(--tec-spacer-0) solid var(--tec-error-border-color);
-		}
-
-		&--notice {
-			border-left: var(--tec-spacer-0) solid var(--tec-success-border-color);
-		}
-
-		.dashicons-dismiss {
-			color: var(--tec-admin-core-grey-50);
-			opacity: 0;
-			pointer-events: none;
-			position: absolute;
-			right: var(--tec-spacer-1);
-			top: var(--tec-spacer-1);
-			transition: opacity 0.5s ease-in-out;
-		}
-
-		&-title {
-			color: var(--tec-admin-core-grey-80);
-			font-family: var(--tec-font-family-sans-serif);
-			font-size: var(--tec-font-size-4);
-			font-weight: var(--tec-font-weight-bold);
-			margin-bottom: var(--tec-spacer-1);
-		}
-
-		&-content {
-			color: var(--tec-admin-core-grey-80);
-			font-family: 'Arial', sans-serif;
-			font-size: var(--tec-font-size-2);
-			font-weight: var(--tec-font-weight-normal);
-			margin-bottom: var(--tec-spacer-2);
-
-			p {
-				color: var(--tec-admin-core-grey-80);
-				font-family: 'Arial', sans-serif;
-				font-size: var(--tec-font-size-2);
-				font-weight: var(--tec-font-weight-normal);
-			}
-		}
-
-		&-link {
-			align-items: center;
-			display: flex;
-			font-family: var(--tec-font-family-sans-serif);
-			font-size: var(--tec-font-size-2);
-			justify-content: space-between;
-
-			a {
-				margin-right: var(--tec-spacer-1);
-
-				&:last-of-type {
-					margin-right: 0;
-				}
-			}
-		}
-
-		&:hover {
-			.dashicons-dismiss {
-				cursor: pointer;
-				opacity: 1;
-				pointer-events: all;
-			}
-		}
-
-		&.fade-out {
-			opacity: 0;
-			transition: opacity 0.4s ease-in-out 0.2s;
-		}
-	}
-
-	&__separator {
-		display: flex;
-		margin: var(--tec-spacer-3) 0;
-		position: relative;
-
-		div {
-			background: white;
-			padding-right: var(--tec-spacer-1);
-			z-index: 1;
-		}
-
-		span:after {
-			background: var(--tec-admin-core-grey-10);
-			bottom: calc(50% - 2px);
-			content: '';
-			height: 1px;
-			position: absolute;
-			right: 0;
-			width: 100%;
-		}
-	}
-
-	.is-hidden {
-		display: none;
-	}
+  position: fixed;
+  top: calc(2 * var(--tec-spacer-11));
+  right: 0;
+  bottom: 0;
+
+  z-index: 1000;
+
+  width: 420px;
+  min-width: calc(2 * var(--tec-spacer-14));
+  max-width: 100vw;
+
+  background-color: var(--tec-color-background);
+
+  box-shadow: calc(var(--tec-spacer-0) * -1) var(--tec-spacer-0) var(--tec-spacer-3) 0 var(--tec-color-box-shadow-secondary);
+
+  transition: right 0.5s ease-in-out;
+
+  &.is-hidden {
+    right: -100%;
+  }
+
+  &__title {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    padding: 0 var(--tec-spacer-5);
+    height: var(--tec-spacer-10);
+
+    border-bottom: 1px solid var(--tec-admin-core-grey-10);
+
+    color: var(--tec-admin-core-grey-80);
+
+    font-size: var(--tec-font-size-4);
+    font-weight: var(--tec-font-weight-bold);
+    line-height: var(--tec-line-height-0);
+
+    img {
+      cursor: pointer;
+    }
+
+    &--right {
+      display: flex;
+      align-items: center;
+
+      a {
+        margin-right: var(--tec-spacer-1);
+
+        font-family: var(--tec-font-family-sans-serif);
+        font-size: var(--tec-font-size-2);
+      }
+    }
+  }
+
+  &__content {
+    position: relative;
+
+    display: inline;
+
+    background: var(--tec-admin-core-grey-0);
+  }
+
+  &__optin {
+    padding: 40% var(--tec-spacer-3) var(--tec-spacer-3);
+
+    text-align: center;
+
+    &--title {
+      font-family: var(--tec-font-family-sans-serif);
+      font-size: var(--tec-font-size-4);
+      font-weight: var(--tec-font-weight-bold);
+    }
+
+    &--description {
+      margin: 0 auto;
+      max-width: calc(2 * var(--tec-spacer-14));
+
+      p {
+        margin-bottom: var(--tec-spacer-2);
+
+        font-family: var(--tec-font-family-sans-serif);
+        font-size: var(--tec-font-size-2);
+      }
+    }
+
+    &--button {
+      margin: var(--tec-spacer-3) auto;
+      padding: var(--tec-spacer-1) var(--tec-spacer-2);
+
+      width: max-content;
+
+      border: 1px solid var(--tec-admin-core-blue-50);
+      border-radius: var(--tec-border-radius-default);
+
+      color: var(--tec-admin-core-blue-50);
+
+      &:hover {
+        background-color: var(--tec-admin-core-blue-50);
+        cursor: pointer;
+
+        color: var(--tec-admin-core-grey-0);
+      }
+    }
+
+    &.disable {
+      opacity: var(--tec-opacity-select-highlighted);
+
+      pointer-events: none;
+    }
+  }
+
+  &__loader {
+    position: fixed;
+    top: 50%;
+    right: var(--tec-spacer-14);
+    z-index: 1;
+
+    display: block;
+    width: var(--tec-spacer-13);
+    height: var(--tec-spacer-2);
+
+    background: radial-gradient(circle closest-side,var(--tec-admin-core-blue-50) 92%,#0000) calc(100% / 3) 0 / calc(100% / 4) 100%;
+
+    animation: ian-loader 0.5s infinite linear;
+  }
+  @keyframes ian-loader {
+    100% {background-position: 0 0}
+  }
+
+  &__notifications {
+    padding: var(--tec-spacer-3);;
+    height: calc(100% - var(--tec-spacer-10));
+
+    background: var(--tec-color-background);
+    overflow: auto;
+
+    box-sizing: border-box;
+  }
+
+  &__notification {
+    position: relative;
+
+    margin-bottom: var(--tec-spacer-3);;
+    padding: var(--tec-spacer-5);
+
+    border: 1px solid var(--tec-admin-core-grey-10);
+    border-radius: var(--tec-spacer-0);
+
+    &--update {
+      border-left: var(--tec-spacer-0) solid var(--tec-admin-core-blue-50);
+    }
+
+    &--warning {
+      border-left: var(--tec-spacer-0) solid var(--tec-error-border-color);
+    }
+
+    &--notice {
+      border-left: var(--tec-spacer-0) solid var(--tec-success-border-color);
+    }
+
+    .dashicons-dismiss {
+      position: absolute;
+      top: var(--tec-spacer-1);
+      right: var(--tec-spacer-1);
+
+      opacity: 0;
+
+      color: var(--tec-admin-core-grey-50);
+
+      transition: opacity 0.5s ease-in-out;
+
+      pointer-events: none;
+    }
+
+    &-title {
+      margin-bottom: var(--tec-spacer-1);
+
+      color: var(--tec-admin-core-grey-80);
+      font-family: var(--tec-font-family-sans-serif);
+      font-size: var(--tec-font-size-4);
+      font-weight: var(--tec-font-weight-bold);
+    }
+
+    &-content {
+      margin-bottom: var(--tec-spacer-2);
+
+      color: var(--tec-admin-core-grey-80);
+      font-family: 'Arial', sans-serif;
+      font-size: var(--tec-font-size-2);
+      font-weight: var(--tec-font-weight-normal);
+
+      p {
+        color: var(--tec-admin-core-grey-80);
+        font-family: 'Arial', sans-serif;
+        font-size: var(--tec-font-size-2);
+        font-weight: var(--tec-font-weight-normal);
+      }
+    }
+
+    &-link {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+
+      font-family: var(--tec-font-family-sans-serif);
+      font-size: var(--tec-font-size-2);
+
+      a {
+        margin-right: var(--tec-spacer-1);
+
+        &:last-of-type {
+          margin-right: 0;
+        }
+      }
+    }
+
+    &:hover {
+      .dashicons-dismiss {
+        cursor: pointer;
+        opacity: 1;
+
+        pointer-events: all;
+      }
+    }
+
+    &.fade-out {
+      opacity: 0;
+
+      transition: opacity 0.4s ease-in-out 0.2s;
+    }
+  }
+
+  &__separator {
+    position: relative;
+
+    display: flex;
+    margin: var(--tec-spacer-3) 0;
+
+    div {
+      z-index: 1;
+
+      padding-right: var(--tec-spacer-1);
+
+      background: white;
+    }
+
+    span {
+      &:after {
+        position: absolute;
+        right: 0;
+        bottom: calc(50% - 2px);
+
+        width: 100%;
+        height: 1px;
+
+        background: var(--tec-admin-core-grey-10);
+
+        content: '';
+      }
+    }
+  }
+
+  .is-hidden {
+    display: none;
+  }
 }
 
 .post-php.post-type-tribe_events,
 .edit-php.post-type-tribe_events {
-	.ian-header {
-		background: #fff;
-		height: var(--tec-spacer-11);
-		margin-bottom: var(--tec-spacer-3);
-		margin-left: calc(var(--tec-spacer-4) * -1);
-		padding: var(--tec-spacer-7) var(--tec-spacer-4) 0;
-		width: 100%;
-
-		@media screen and (max-width: 782px) {
-			height: var(--tec-spacer-12);
-		}
-	}
-
-	.ian-inner-wrapper {
-		clear: both;
-
-		h1.wp-heading-inline {
-			padding: var(--tec-spacer-0) 0;
-
-			@media screen and (max-width: 782px) {
-				margin-bottom: 0;
-			}
-		}
-	}
-
-	.ian-client {
-		float: right;
-	}
-
-	.ian-sidebar {
-		top: var(--tec-spacer-13);
-	}
-
-	#wpwrap {
-		overflow: hidden;
-	}
-
-	.wrap {
-		margin-top: 0;
-
-		@media screen and (max-width: 782px) {
-			clear: initial;
-
-			.page-title-action {
-				padding: 0 var(--tec-spacer-2);
-			}
-		}
-	}
+  .ian-header {
+    margin-bottom: var(--tec-spacer-3);
+    margin-left: calc(var(--tec-spacer-4) * -1);
+    padding: var(--tec-spacer-7) var(--tec-spacer-4) 0;
+    width: 100%;
+    height: var(--tec-spacer-11);
+
+    background: #fff;
+
+    @media screen and (max-width: 782px) {
+      height: var(--tec-spacer-12);
+    }
+  }
+
+  .ian-inner-wrapper {
+    clear: both;
+
+    h1.wp-heading-inline {
+      padding: var(--tec-spacer-0) 0;
+
+      @media screen and (max-width: 782px) {
+        margin-bottom: 0;
+      }
+    }
+  }
+
+  .ian-client {
+    float: right;
+  }
+
+  .ian-sidebar {
+    top: var(--tec-spacer-13);
+  }
+
+  #wpwrap {
+    overflow: hidden;
+  }
+
+  .wrap {
+    margin-top: 0;
+
+    @media screen and (max-width: 782px) {
+      clear: initial;
+
+      .page-title-action {
+        padding: 0 var(--tec-spacer-2);
+      }
+
+    }
+  }
 }
diff --git a/src/resources/postcss/tribe-common-admin/notices/_black-friday.pcss b/src/resources/postcss/tribe-common-admin/notices/_black-friday.pcss
index 839449a1a3..d4758cdfdb 100644
--- a/src/resources/postcss/tribe-common-admin/notices/_black-friday.pcss
+++ b/src/resources/postcss/tribe-common-admin/notices/_black-friday.pcss
@@ -58,8 +58,8 @@
 
 		.tribe-marketing-notice__content-wrapper {
 			flex-grow: 1;
-			-webkit-font-smoothing: antialiased;
 			max-width: 328px;
+			-webkit-font-smoothing: antialiased;
 
 			@container tec-bf-notice (min-width: 540px) {
 				max-width: none;
diff --git a/src/resources/postcss/tribe-common-admin/notices/_copy-to-clipboard.pcss b/src/resources/postcss/tribe-common-admin/notices/_copy-to-clipboard.pcss
index dbd04f7dc9..3b01cc66de 100644
--- a/src/resources/postcss/tribe-common-admin/notices/_copy-to-clipboard.pcss
+++ b/src/resources/postcss/tribe-common-admin/notices/_copy-to-clipboard.pcss
@@ -1,5 +1,5 @@
 .tec-copy-to-clipboard-notice {
-	position: relative;
+	position:relative;
 
 	.tec-copy-to-clipboard-notice-content {
 		background: #c4d5f6;
diff --git a/src/resources/postcss/tribe-common-admin/settings/_page.pcss b/src/resources/postcss/tribe-common-admin/settings/_page.pcss
index 4275a8d23d..3e0b137860 100644
--- a/src/resources/postcss/tribe-common-admin/settings/_page.pcss
+++ b/src/resources/postcss/tribe-common-admin/settings/_page.pcss
@@ -6,7 +6,7 @@
  *
  * ----------------------------------------------------------------------------- */
 
-.tribe_events_page_tec-events-settings {
+ .tribe_events_page_tec-events-settings {
 	#wpcontent {
 		padding-left: 0;
 	}
@@ -19,9 +19,10 @@
 
 	#tec-settings-logo {
 		margin: var(--tec-spacer-2);
-		vertical-align: middle;
 		width: var(--tec-spacer-7);
 
+		vertical-align: middle;
+
 		@media (max-width: 782px) {
 			margin: var(--tec-spacer-2);
 		}
@@ -39,13 +40,15 @@
 		}
 
 		.tribe-notice-wrap {
-			background-color: var(--tec-color-background);
 			width: 100%;
 
+			background-color: var(--tec-color-background);
+
 			> div {
-				border-radius: var(--tec-border-radius-default);
-				box-sizing: border-box;
 				margin: var(--tec-spacer-1) var(--tec-spacer-7);
+				box-sizing: border-box;
+
+				border-radius: var(--tec-border-radius-default);
 
 				@media (min-width: 500px) and (max-width: 1259px) {
 					margin: var(--tec-spacer-1) var(--tec-spacer-5);
@@ -55,23 +58,27 @@
 	}
 
 	.tribe_settings.wrap .tec-settings-header-wrap {
-		align-items: center;
-		background-color: var(--tec-color-background);
-		box-sizing: border-box;
+		position: relative;
+
 		display: flex;
+		align-items: center;
 		justify-content: space-between;
 		padding: var(--tec-spacer-2) var(--tec-spacer-5);
-		position: relative;
+		box-sizing: border-box;
 		width: 100%;
+
+		background-color: var(--tec-color-background);
 	}
 
 	.tribe_settings.wrap h1 {
+		padding: 0;
+		width: auto;
+		max-width: 100%;
+
 		background-color: var(--tec-color-background);
+
 		font-family: var(--tec-font-family-sans-serif);
 		font-size: var(--tec-font-size-7);
 		font-weight: var(--tec-font-weight-regular);
-		max-width: 100%;
-		padding: 0;
-		width: auto;
 	}
 }
diff --git a/src/resources/postcss/tribe-common-admin/settings/grid-elements/_content-section.pcss b/src/resources/postcss/tribe-common-admin/settings/grid-elements/_content-section.pcss
index 35e93a938a..22d73f8a3b 100644
--- a/src/resources/postcss/tribe-common-admin/settings/grid-elements/_content-section.pcss
+++ b/src/resources/postcss/tribe-common-admin/settings/grid-elements/_content-section.pcss
@@ -7,8 +7,7 @@
  *
  * ----------------------------------------------------------------------------- */
 
-.tribe_events_page_tec-events-settings #tec-settings-form,
-.tribe_events_page_tec-events-settings .tec-settings-form {
+.tribe_events_page_tec-events-settings #tec-settings-form, .tribe_events_page_tec-events-settings .tec-settings-form {
 	.tec-settings-form__content-section {
 		display: grid;
 		grid-row-gap: var(--tec-spacer-settings-form-row-gap);
@@ -20,8 +19,8 @@
 
 		@media (min-width: 1024px) {
 			grid-column: 1 / span 2;
-			grid-row-gap: var(--tec-spacer-7);
 			grid-template-columns: var(--tec-spacer-settings-form-width-left-col) 1fr;
+			grid-row-gap: var(--tec-spacer-7);
 
 			> *:only-child {
 				grid-column: 1 / span 2;
diff --git a/src/resources/postcss/tribe-common-admin/settings/grid-elements/_elements.pcss b/src/resources/postcss/tribe-common-admin/settings/grid-elements/_elements.pcss
index dd7d32cc23..cfe4954940 100644
--- a/src/resources/postcss/tribe-common-admin/settings/grid-elements/_elements.pcss
+++ b/src/resources/postcss/tribe-common-admin/settings/grid-elements/_elements.pcss
@@ -6,8 +6,7 @@
  *
  * ----------------------------------------------------------------------------- */
 
-.tribe_events_page_tec-events-settings #tec-settings-form,
-.tribe_events_page_tec-events-settings .tec-settings-form {
+.tribe_events_page_tec-events-settings #tec-settings-form, .tribe_events_page_tec-events-settings .tec-settings-form {
 	.tec-settings-form__element--rowspan-2 {
 		@media (--viewport-xlarge) {
 			grid-row: span 2;
diff --git a/src/resources/postcss/tribe-common-admin/settings/grid-elements/_footer.pcss b/src/resources/postcss/tribe-common-admin/settings/grid-elements/_footer.pcss
index 65d2eb31ff..3d49a654f2 100644
--- a/src/resources/postcss/tribe-common-admin/settings/grid-elements/_footer.pcss
+++ b/src/resources/postcss/tribe-common-admin/settings/grid-elements/_footer.pcss
@@ -6,8 +6,7 @@
  *
  * ----------------------------------------------------------------------------- */
 
-.tribe_events_page_tec-events-settings #tec-settings-form,
-.tribe_events_page_tec-events-settings .tec-settings-form {
+.tribe_events_page_tec-events-settings #tec-settings-form, .tribe_events_page_tec-events-settings .tec-settings-form {
 	> .tec-settings-form__footer {
 		align-items: center;
 		background-color: var(--tec-color-background);
diff --git a/src/resources/postcss/tribe-common-admin/settings/grid-elements/_header.pcss b/src/resources/postcss/tribe-common-admin/settings/grid-elements/_header.pcss
index d2790cee1d..ecc0ef440d 100644
--- a/src/resources/postcss/tribe-common-admin/settings/grid-elements/_header.pcss
+++ b/src/resources/postcss/tribe-common-admin/settings/grid-elements/_header.pcss
@@ -6,8 +6,7 @@
  *
  * ----------------------------------------------------------------------------- */
 
-.tribe_events_page_tec-events-settings #tec-settings-form,
-.tribe_events_page_tec-events-settings .tec-settings-form {
+.tribe_events_page_tec-events-settings #tec-settings-form, .tribe_events_page_tec-events-settings .tec-settings-form {
 	h2,
 	h3 {
 		font-size: var(--tec-font-size-5);
@@ -126,8 +125,8 @@
 	}
 
 	.tec-settings-form__section-description {
-		font-size: var(--tec-font-size-2);
 		margin: 0;
+		font-size: var(--tec-font-size-2);
 
 		@media (--viewport-xlarge) {
 			grid-column: 1;
diff --git a/src/resources/postcss/tribe-common-admin/settings/grid-elements/_infobox.pcss b/src/resources/postcss/tribe-common-admin/settings/grid-elements/_infobox.pcss
index c7559914f2..b60e277370 100644
--- a/src/resources/postcss/tribe-common-admin/settings/grid-elements/_infobox.pcss
+++ b/src/resources/postcss/tribe-common-admin/settings/grid-elements/_infobox.pcss
@@ -6,8 +6,7 @@
  *
  * ----------------------------------------------------------------------------- */
 
-.tribe_events_page_tec-events-settings .tec-settings-form,
-.tribe_events_page_tec-events-settings #tec-settings-form {
+.tribe_events_page_tec-events-settings .tec-settings-form, .tribe_events_page_tec-events-settings #tec-settings-form {
 	.tec-settings-infobox {
 		align-items: center;
 		background-color: var(--tec-admin-core-grey-0);
@@ -63,5 +62,7 @@
 				margin-bottom: 0;
 			}
 		}
+
+
 	}
 }
diff --git a/src/resources/postcss/tribe-common-admin/settings/grid-elements/_overrides.pcss b/src/resources/postcss/tribe-common-admin/settings/grid-elements/_overrides.pcss
index 247e033b97..d27bca4566 100644
--- a/src/resources/postcss/tribe-common-admin/settings/grid-elements/_overrides.pcss
+++ b/src/resources/postcss/tribe-common-admin/settings/grid-elements/_overrides.pcss
@@ -6,8 +6,7 @@
  *
  * ----------------------------------------------------------------------------- */
 
-.tribe_events_page_tec-events-settings #tec-settings-form,
-.tribe_events_page_tec-events-settings .tec-settings-form {
+.tribe_events_page_tec-events-settings #tec-settings-form, .tribe_events_page_tec-events-settings .tec-settings-form {
 
 	.tec-automator-endpoint-dashboard,
 	.tribe-settings-form .tec-automator-settings,
diff --git a/src/resources/postcss/tribe-common-admin/settings/grid-elements/_separators.pcss b/src/resources/postcss/tribe-common-admin/settings/grid-elements/_separators.pcss
index f3848c6115..e8f9a37b68 100644
--- a/src/resources/postcss/tribe-common-admin/settings/grid-elements/_separators.pcss
+++ b/src/resources/postcss/tribe-common-admin/settings/grid-elements/_separators.pcss
@@ -6,8 +6,7 @@
  *
  * ----------------------------------------------------------------------------- */
 
-.tribe_events_page_tec-events-settings #tec-settings-form,
-.tribe_events_page_tec-events-settings .tec-settings-form {
+.tribe_events_page_tec-events-settings #tec-settings-form, .tribe_events_page_tec-events-settings .tec-settings-form {
 	.tec-settings-form__separator--section {
 		background-color: var(--tec-admin-core-grey-10);
 		border: 0;
diff --git a/src/resources/postcss/tribe-common-admin/tec_baseline_admin/_all.pcss b/src/resources/postcss/tribe-common-admin/tec_baseline_admin/_all.pcss
index 754a62fc82..e0bf24bad3 100644
--- a/src/resources/postcss/tribe-common-admin/tec_baseline_admin/_all.pcss
+++ b/src/resources/postcss/tribe-common-admin/tec_baseline_admin/_all.pcss
@@ -13,6 +13,7 @@
 @import "_content.pcss";
 @import "_content-section.pcss";
 @import "_step-list.pcss";
+@import "_validation.pcss";
 @import "_sidebar.pcss";
 @import "_sidebar-section.pcss";
 @import "_footer.pcss";
diff --git a/src/resources/postcss/tribe-common-admin/tec_baseline_admin/_sidebar-section.pcss b/src/resources/postcss/tribe-common-admin/tec_baseline_admin/_sidebar-section.pcss
index 5c4233af27..be52506302 100644
--- a/src/resources/postcss/tribe-common-admin/tec_baseline_admin/_sidebar-section.pcss
+++ b/src/resources/postcss/tribe-common-admin/tec_baseline_admin/_sidebar-section.pcss
@@ -31,6 +31,12 @@
 
 	@media (--viewport-xlarge) {
 		display: flex;
+	}
+
+	.tec-admin-page__sidebar-section {
+
+
+
 	}
 
 	@media (--viewport-xlarge) {
diff --git a/src/resources/postcss/tribe-common-admin/tec_baseline_admin/_validation.pcss b/src/resources/postcss/tribe-common-admin/tec_baseline_admin/_validation.pcss
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/src/resources/postcss/validation.pcss b/src/resources/postcss/validation.pcss
index 46386653af..23c4d79e7e 100644
--- a/src/resources/postcss/validation.pcss
+++ b/src/resources/postcss/validation.pcss
@@ -1,6 +1,6 @@
 :root {
 	--tec-error-border-color: #dc3232;
-	--tec-success-border-color: #00a32a;
+	--tec-success-border-color: #00A32A;
 }
 
 .tribe-validation {