.trideia-bi-shell,
.trideia-bi-shell *,
.trideia-bi-client-portal,
.trideia-bi-client-portal *,
.trideia-bi-login-experience,
.trideia-bi-login-experience *,
.trideia-bi-platform-login,
.trideia-bi-platform-login *,
.trideia-bi-platform-app,
.trideia-bi-platform-app * {
	box-sizing: border-box;
}

body.lumeah-platform-template {
	margin: 0;
	background: #071827;
}

.lumeah-platform-template-main {
	min-height: 100vh;
}

.trideia-bi-platform-login {
	--trideia-cyan: #08a8bd;
	--trideia-cyan-dark: #048aa0;
	--trideia-ink: #25323b;
	--trideia-muted: #6b7882;
	--trideia-border: #d7e0e6;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
	padding: 36px 18px;
	overflow: hidden;
	background:
		radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.2), transparent 24%),
		radial-gradient(circle at 85% 22%, rgba(255, 255, 255, 0.18), transparent 26%),
		linear-gradient(135deg, #08a8bd 0%, #02a1b6 52%, #0798ad 100%);
	font-family: Arial, Helvetica, sans-serif;
}

.trideia-bi-network-bg {
	position: absolute;
	inset: 0;
	pointer-events: none;
	opacity: 0.7;
}

.trideia-bi-network-bg::before,
.trideia-bi-network-bg::after {
	content: "";
	position: absolute;
	inset: -10%;
	background-image:
		linear-gradient(25deg, transparent 0 34%, rgba(255, 255, 255, 0.22) 34.2% 34.6%, transparent 34.8%),
		linear-gradient(145deg, transparent 0 42%, rgba(255, 255, 255, 0.2) 42.2% 42.6%, transparent 42.8%),
		linear-gradient(75deg, transparent 0 56%, rgba(255, 255, 255, 0.18) 56.2% 56.6%, transparent 56.8%),
		radial-gradient(circle, rgba(255, 255, 255, 0.54) 0 2px, transparent 3px);
	background-size: 360px 220px, 420px 260px, 300px 260px, 112px 92px;
}

.trideia-bi-network-bg::after {
	transform: rotate(8deg) scale(1.1);
	opacity: 0.44;
}

.trideia-bi-network-bg span {
	position: absolute;
	width: 7px;
	height: 7px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.65);
	box-shadow: 0 0 26px rgba(255, 255, 255, 0.5);
}

.trideia-bi-network-bg span:nth-child(1) { left: 9%; top: 26%; }
.trideia-bi-network-bg span:nth-child(2) { left: 27%; top: 68%; }
.trideia-bi-network-bg span:nth-child(3) { left: 66%; top: 18%; }
.trideia-bi-network-bg span:nth-child(4) { right: 12%; top: 64%; }
.trideia-bi-network-bg span:nth-child(5) { right: 28%; bottom: 10%; }

.trideia-bi-login-box {
	position: relative;
	z-index: 2;
	width: min(564px, 100%);
	min-height: 720px;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	padding: 64px 50px 28px;
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 24px 80px rgba(4, 46, 58, 0.32);
	color: var(--trideia-ink);
}

.trideia-bi-login-brand {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	margin-bottom: 30px;
	text-align: center;
}

.trideia-bi-login-mark {
	width: 58px;
	height: 58px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 4px;
	border-radius: 18px;
	background: var(--trideia-cyan);
	color: #ffffff;
	font-size: 30px;
	font-weight: 800;
}

.trideia-bi-login-brand strong {
	color: #4d5961;
	font-size: 42px;
	font-weight: 300;
	line-height: 1;
	letter-spacing: 0;
}

.trideia-bi-login-brand span {
	color: var(--trideia-cyan);
	font-size: 14px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0;
}

.trideia-bi-login-box h1 {
	margin: 0 0 46px;
	color: #64727c;
	font-size: 34px;
	font-weight: 400;
	text-align: center;
	letter-spacing: 0;
}

.trideia-bi-wp-login-form {
	display: grid;
	gap: 22px;
}

.trideia-bi-login-field {
	position: relative;
}

.trideia-bi-login-field::before {
	position: absolute;
	left: 18px;
	top: 50%;
	transform: translateY(-50%);
	color: #63717b;
	font-size: 20px;
	font-weight: 800;
}

.trideia-bi-login-user::before {
	content: "@";
}

.trideia-bi-login-password::before {
	content: "*";
}

.trideia-bi-login-field input {
	width: 100%;
	height: 66px;
	padding: 0 18px 0 56px;
	border: 1px solid #aeb9c1;
	border-radius: 5px;
	background: #ffffff;
	color: var(--trideia-ink);
	font-size: 19px;
	box-shadow: none;
}

.trideia-bi-login-field input:focus {
	border-color: var(--trideia-cyan);
	outline: 3px solid rgba(8, 168, 189, 0.14);
}

.trideia-bi-forgot-link {
	justify-self: center;
	margin: 10px 0 2px;
	color: var(--trideia-cyan-dark);
	font-size: 17px;
	text-decoration: none;
}

.trideia-bi-login-submit {
	width: 100%;
	height: 58px;
	border: 0;
	border-radius: 5px;
	background: var(--trideia-cyan);
	color: #ffffff;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.24);
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
	cursor: pointer;
}

.trideia-bi-login-submit:hover,
.trideia-bi-login-submit:focus {
	background: var(--trideia-cyan-dark);
}

.trideia-bi-trial-callout {
	display: grid;
	gap: 7px;
	margin-top: 24px;
	text-align: center;
	color: #687781;
	font-size: 17px;
}

.trideia-bi-trial-callout a {
	color: var(--trideia-cyan-dark);
	font-weight: 700;
	text-decoration: none;
}

.trideia-bi-login-footer {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 18px;
	margin: auto -50px -28px;
	padding: 28px 20px;
	border-top: 1px solid #e6edf1;
	color: #81909b;
	font-size: 13px;
}

.trideia-bi-login-footer a {
	color: #81909b;
	text-decoration: none;
}

.trideia-bi-platform-app {
	--trideia-blue: #0b2f5b;
	--trideia-blue-2: #114a7b;
	--trideia-cyan: #08a8bd;
	--trideia-black: #101114;
	--trideia-gray: #f3f5f7;
	--trideia-border: #dfe5ec;
	--trideia-muted: #667085;
	display: grid;
	grid-template-columns: 278px minmax(0, 1fr);
	min-height: 100vh;
	background: #eef3f7;
	color: var(--trideia-black);
	font-family: Arial, Helvetica, sans-serif;
}

.trideia-bi-platform-sidebar {
	position: sticky;
	top: 0;
	height: 100vh;
	display: flex;
	flex-direction: column;
	padding: 24px 18px;
	background: #071827;
	color: #ffffff;
}

.trideia-bi-platform-logo {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 28px;
	padding: 8px;
}

.trideia-bi-platform-logo > span {
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	background: var(--trideia-cyan);
	font-weight: 800;
}

.trideia-bi-platform-logo strong,
.trideia-bi-platform-logo small {
	display: block;
}

.trideia-bi-platform-logo strong {
	font-size: 20px;
}

.trideia-bi-platform-logo small {
	margin-top: 2px;
	color: #9fb4c4;
	font-size: 12px;
}

.trideia-bi-platform-sidebar nav {
	display: grid;
	gap: 6px;
}

.trideia-bi-platform-sidebar nav a,
.trideia-bi-platform-logout {
	display: block;
	padding: 12px 14px;
	border-radius: 8px;
	color: #dce8f1;
	text-decoration: none;
	font-weight: 700;
}

.trideia-bi-platform-sidebar nav a:hover,
.trideia-bi-platform-sidebar nav a:focus,
.trideia-bi-platform-logout:hover,
.trideia-bi-platform-logout:focus {
	background: rgba(255, 255, 255, 0.09);
	color: #ffffff;
}

.trideia-bi-platform-logout {
	margin-top: auto;
	color: #9fb4c4;
}

.trideia-bi-platform-main {
	min-width: 0;
	padding: 28px;
}

.trideia-bi-platform-topbar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	margin-bottom: 22px;
	padding: 24px;
	border-radius: 8px;
	background: #ffffff;
	border: 1px solid var(--trideia-border);
}

.trideia-bi-platform-topbar h1 {
	margin: 4px 0 0;
	font-size: 30px;
	line-height: 1.15;
	letter-spacing: 0;
}

.trideia-bi-platform-status {
	padding: 10px 14px;
	border-radius: 8px;
	background: #e7f8fb;
	color: #047b8e;
	font-weight: 800;
}

.trideia-bi-platform-section {
	margin-bottom: 24px;
	padding: 24px;
	border: 1px solid var(--trideia-border);
	border-radius: 8px;
	background: #ffffff;
	scroll-margin-top: 24px;
}

.trideia-bi-platform-dashboard {
	background: linear-gradient(135deg, #ffffff 0%, #f4fbfd 100%);
}

.trideia-bi-platform-section-head {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	align-items: flex-end;
	margin-bottom: 18px;
}

.trideia-bi-platform-section-head h2 {
	margin: 4px 0 0;
	font-size: 28px;
	line-height: 1.15;
	letter-spacing: 0;
}

.trideia-bi-platform-section-head p {
	max-width: 520px;
	margin: 0;
	color: var(--trideia-muted);
}

.trideia-bi-platform-kpis,
.trideia-bi-platform-modules {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
}

.trideia-bi-platform-kpi,
.trideia-bi-platform-modules a {
	min-height: 118px;
	padding: 16px;
	border: 1px solid var(--trideia-border);
	border-radius: 8px;
	background: #ffffff;
	text-decoration: none;
}

.trideia-bi-platform-kpi span,
.trideia-bi-platform-kpi strong,
.trideia-bi-platform-kpi small,
.trideia-bi-platform-modules strong,
.trideia-bi-platform-modules span {
	display: block;
}

.trideia-bi-platform-kpi span,
.trideia-bi-platform-kpi small,
.trideia-bi-platform-modules span {
	color: var(--trideia-muted);
}

.trideia-bi-platform-kpi strong {
	margin: 10px 0 5px;
	color: var(--trideia-blue);
	font-size: 25px;
	line-height: 1.1;
}

.trideia-bi-platform-modules {
	margin-top: 14px;
}

.trideia-bi-platform-modules a {
	color: var(--trideia-black);
}

.trideia-bi-platform-modules a:hover,
.trideia-bi-platform-modules a:focus {
	border-color: var(--trideia-cyan);
	box-shadow: 0 10px 28px rgba(8, 168, 189, 0.12);
}

.trideia-bi-platform-modules strong {
	margin-bottom: 8px;
	font-size: 17px;
}

.trideia-bi-elementor-preview {
	box-sizing: border-box;
	display: flex;
	gap: 16px;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	min-height: 150px;
	padding: 24px;
	border: 1px solid #dfe5ec;
	border-radius: 8px;
	background: #ffffff;
	color: #101114;
}

.trideia-bi-elementor-preview span,
.trideia-bi-elementor-preview strong,
.trideia-bi-elementor-preview p {
	display: block;
	margin: 0;
}

.trideia-bi-elementor-preview span {
	color: #0b2f5b;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
}

.trideia-bi-elementor-preview strong {
	margin-top: 4px;
	font-size: 24px;
	line-height: 1.15;
}

.trideia-bi-elementor-preview p {
	margin-top: 8px;
	color: #667085;
}

.trideia-bi-elementor-preview code {
	padding: 8px 10px;
	border-radius: 8px;
	background: #f3f5f7;
	color: #0b2f5b;
}

.trideia-bi-shell {
	--trideia-blue: #0b2f5b;
	--trideia-black: #101114;
	--trideia-gray: #f3f5f7;
	--trideia-border: #dfe5ec;
	--trideia-muted: #667085;
	background: #ffffff;
	color: var(--trideia-black);
	font-family: inherit;
}

.trideia-bi-form-header,
.trideia-bi-report-header,
.trideia-bi-login-card {
	border: 1px solid var(--trideia-border);
	background: #ffffff;
	border-radius: 8px;
	padding: 24px;
	margin-bottom: 18px;
}

.trideia-bi-form-header {
	display: flex;
	gap: 20px;
	justify-content: space-between;
	align-items: flex-end;
}

.trideia-bi-form-header h2,
.trideia-bi-report-header h2,
.trideia-bi-login-card h2 {
	margin: 4px 0 0;
	font-size: 28px;
	line-height: 1.15;
	color: var(--trideia-black);
	letter-spacing: 0;
}

.trideia-bi-eyebrow {
	display: inline-block;
	color: var(--trideia-blue);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0;
}

.trideia-bi-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.trideia-bi-grid-wide {
	margin-top: 16px;
}

.trideia-bi-field label {
	display: block;
	margin: 0 0 7px;
	font-weight: 700;
	color: var(--trideia-black);
}

.trideia-bi-field input,
.trideia-bi-field select,
.trideia-bi-field textarea {
	width: 100%;
	border: 1px solid var(--trideia-border);
	border-radius: 8px;
	padding: 12px 13px;
	background: #ffffff;
	color: var(--trideia-black);
	font-size: 15px;
	box-shadow: none;
}

.trideia-bi-field textarea {
	min-height: 112px;
	resize: vertical;
}

.trideia-bi-actions,
.trideia-bi-report-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	margin-top: 18px;
}

.trideia-bi-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 10px 16px;
	border-radius: 8px;
	border: 1px solid var(--trideia-blue);
	background: var(--trideia-blue);
	color: #ffffff;
	font-weight: 700;
	text-decoration: none;
	cursor: pointer;
}

.trideia-bi-button-light {
	background: #ffffff;
	color: var(--trideia-blue);
}

.trideia-bi-module-card {
	--trideia-blue: #0b2f5b;
	--trideia-black: #101114;
	--trideia-gray: #f3f5f7;
	--trideia-border: #dfe5ec;
	--trideia-muted: #667085;
	margin-bottom: 26px;
	border: 1px solid var(--trideia-border);
	border-radius: 8px;
	background: #ffffff;
	padding: 24px;
	color: var(--trideia-black);
}

.trideia-bi-module-head {
	display: grid;
	gap: 6px;
	margin-bottom: 20px;
	padding-bottom: 18px;
	border-bottom: 1px solid var(--trideia-border);
}

.trideia-bi-module-head h2 {
	margin: 0;
	font-size: 26px;
	line-height: 1.15;
	letter-spacing: 0;
}

.trideia-bi-module-head p {
	max-width: 820px;
	margin: 0;
	color: var(--trideia-muted);
}

.trideia-bi-form-status {
	color: var(--trideia-muted);
}

.trideia-bi-creative-helper {
	margin-top: 16px;
	padding: 14px;
	border: 1px solid var(--trideia-border);
	border-radius: 8px;
	background: var(--trideia-gray);
}

.trideia-bi-creative-helper strong,
.trideia-bi-creative-helper span {
	display: block;
}

.trideia-bi-creative-helper span {
	margin-top: 5px;
	color: var(--trideia-muted);
}

.trideia-bi-result {
	margin-top: 26px;
}

.trideia-bi-report {
	border: 1px solid var(--trideia-border);
	border-radius: 8px;
	padding: 24px;
	background: #ffffff;
}

.trideia-bi-report-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: var(--trideia-gray);
}

.trideia-bi-score {
	width: 96px;
	height: 96px;
	border-radius: 50%;
	background: var(--trideia-blue);
	color: #ffffff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
}

.trideia-bi-score span {
	font-size: 30px;
	font-weight: 800;
}

.trideia-bi-score small {
	color: #dbeafe;
}

.trideia-bi-report-section {
	border-top: 1px solid var(--trideia-border);
	padding: 20px 0;
}

.trideia-bi-report-section h3 {
	margin: 0 0 12px;
	font-size: 20px;
	letter-spacing: 0;
}

.trideia-bi-report-section ul {
	margin: 0;
	padding-left: 20px;
}

.trideia-bi-swot,
.trideia-bi-content-plan,
.trideia-bi-kpi-row,
.trideia-bi-kv {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.trideia-bi-swot > div,
.trideia-bi-content-plan > div,
.trideia-bi-kpi-row > div,
.trideia-bi-kv > div {
	border: 1px solid var(--trideia-border);
	background: #ffffff;
	border-radius: 8px;
	padding: 14px;
}

.trideia-bi-kpi-row span,
.trideia-bi-kv span {
	display: block;
	margin-top: 6px;
	color: var(--trideia-blue);
	font-weight: 700;
}

.trideia-bi-client-portal {
	--trideia-blue: #0b2f5b;
	--trideia-black: #101114;
	--trideia-gray: #f3f5f7;
	--trideia-border: #dfe5ec;
	--trideia-muted: #667085;
	max-width: 1180px;
	margin: 0 auto;
	color: var(--trideia-black);
}

.trideia-bi-client-hero,
.trideia-bi-login-experience {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
	gap: 18px;
	align-items: stretch;
	margin-bottom: 22px;
}

.trideia-bi-client-hero {
	padding: 28px;
	border: 1px solid var(--trideia-border);
	border-radius: 8px;
	background: linear-gradient(135deg, #ffffff 0%, #eef5fc 100%);
}

.trideia-bi-client-hero h1,
.trideia-bi-login-panel h1 {
	margin: 4px 0 8px;
	font-size: 34px;
	line-height: 1.1;
	letter-spacing: 0;
}

.trideia-bi-client-hero p,
.trideia-bi-login-panel p {
	margin: 0;
	color: var(--trideia-muted);
}

.trideia-bi-client-badge {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 96px;
	border-radius: 8px;
	background: var(--trideia-blue);
	color: #ffffff;
	font-weight: 800;
}

.trideia-bi-client-nav {
	position: sticky;
	top: 32px;
	z-index: 3;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 18px;
	padding: 10px;
	border: 1px solid var(--trideia-border);
	border-radius: 8px;
	background: #ffffff;
}

.trideia-bi-client-nav a {
	padding: 9px 12px;
	border-radius: 8px;
	background: var(--trideia-gray);
	color: var(--trideia-blue);
	font-weight: 700;
	text-decoration: none;
}

.trideia-bi-client-section {
	scroll-margin-top: 90px;
}

.trideia-bi-login-experience {
	--trideia-blue: #0b2f5b;
	--trideia-black: #101114;
	--trideia-gray: #f3f5f7;
	--trideia-border: #dfe5ec;
	--trideia-muted: #667085;
	max-width: 1040px;
	margin: 20px auto;
}

.trideia-bi-login-panel,
.trideia-bi-login-features {
	border: 1px solid var(--trideia-border);
	border-radius: 8px;
	background: #ffffff;
	padding: 28px;
}

.trideia-bi-login-panel {
	background: linear-gradient(135deg, #ffffff 0%, #eef5fc 100%);
}

.trideia-bi-login-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 20px;
}

.trideia-bi-login-features {
	display: grid;
	gap: 10px;
}

.trideia-bi-login-features div {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px;
	border-radius: 8px;
	background: var(--trideia-gray);
}

.trideia-bi-login-features strong {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 8px;
	background: var(--trideia-blue);
	color: #ffffff;
}

.trideia-bi-crm-grid {
	display: grid;
	grid-template-columns: minmax(320px, 0.75fr) minmax(0, 1.25fr);
	gap: 18px;
}

.trideia-bi-funnel {
	display: grid;
	grid-template-columns: repeat(5, minmax(150px, 1fr));
	gap: 10px;
	overflow-x: auto;
}

.trideia-bi-funnel-column {
	min-height: 260px;
	padding: 12px;
	border: 1px solid var(--trideia-border);
	border-radius: 8px;
	background: var(--trideia-gray);
}

.trideia-bi-funnel-column h3 {
	margin: 0 0 10px;
	font-size: 14px;
}

.trideia-bi-lead-card {
	margin-bottom: 10px;
	padding: 10px;
	border-radius: 8px;
	background: #ffffff;
	border: 1px solid var(--trideia-border);
}

.trideia-bi-lead-card strong,
.trideia-bi-lead-card span,
.trideia-bi-lead-card small {
	display: block;
}

.trideia-bi-lead-card span {
	margin-top: 4px;
	color: var(--trideia-muted);
}

.trideia-bi-lead-card small {
	margin-top: 6px;
	color: var(--trideia-blue);
	font-weight: 800;
}

@media (max-width: 760px) {
	.trideia-bi-login-box {
		min-height: auto;
		padding: 36px 22px 22px;
	}

	.trideia-bi-login-brand strong {
		font-size: 34px;
	}

	.trideia-bi-login-box h1 {
		margin-bottom: 28px;
		font-size: 28px;
	}

	.trideia-bi-login-field input {
		height: 58px;
		font-size: 16px;
	}

	.trideia-bi-login-footer {
		margin: 26px -22px -22px;
	}

	.trideia-bi-platform-app {
		grid-template-columns: 1fr;
	}

	.trideia-bi-platform-sidebar {
		position: static;
		height: auto;
	}

	.trideia-bi-platform-sidebar nav {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.trideia-bi-platform-logout {
		margin-top: 12px;
	}

	.trideia-bi-platform-main {
		padding: 16px;
	}

	.trideia-bi-platform-topbar,
	.trideia-bi-platform-section-head {
		display: block;
	}

	.trideia-bi-platform-status {
		display: inline-block;
		margin-top: 14px;
	}

	.trideia-bi-platform-kpis,
	.trideia-bi-platform-modules {
		grid-template-columns: 1fr;
	}

	.trideia-bi-form-header,
	.trideia-bi-report-header {
		display: block;
	}

	.trideia-bi-grid,
	.trideia-bi-swot,
	.trideia-bi-content-plan,
	.trideia-bi-kpi-row,
	.trideia-bi-kv,
	.trideia-bi-client-hero,
	.trideia-bi-login-experience,
	.trideia-bi-crm-grid {
		grid-template-columns: 1fr;
	}

	.trideia-bi-score {
		margin-top: 16px;
	}
}

@media print {
	body * {
		visibility: hidden;
	}

	.trideia-bi-report,
	.trideia-bi-report * {
		visibility: visible;
	}

	.trideia-bi-report {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		border: 0;
	}

	.trideia-bi-report-actions {
		display: none;
	}
}