.sfx-analysis-app {
	--sfx-bg: #080d1d;
	--sfx-bg-secondary: #0b1122;
	--sfx-card: #0e1629;
	--sfx-gold: #e5b93f;
	--sfx-gold-bright: #ffc94a;
	--sfx-purple: #32149a;
	--sfx-purple-deep: #241078;
	--sfx-blue: #1769e8;
	--sfx-text: #ffffff;
	--sfx-muted: #aeb6ca;
	--sfx-border: rgba(255, 255, 255, 0.10);
	--sfx-gold-border: rgba(229, 185, 63, 0.45);
	--sfx-danger: #ff6b6b;
	--sfx-danger-bg: rgba(255, 107, 107, 0.12);
	--sfx-success: #45d483;
	--sfx-success-bg: rgba(69, 212, 131, 0.12);
	--sfx-warning: #ffc94a;
	--sfx-warning-bg: rgba(255, 201, 74, 0.13);
	--sfx-info: #6fa8ff;
	--sfx-info-bg: rgba(23, 105, 232, 0.14);
	--sfx-radius: 16px;
	--sfx-radius-sm: 12px;
	--sfx-shadow: 0 22px 70px rgba(0, 0, 0, 0.32);
	--sfx-focus: 0 0 0 3px rgba(229, 185, 63, 0.24);
	background:
		radial-gradient(circle at 12% 0%, rgba(50, 20, 154, 0.28), transparent 30%),
		linear-gradient(135deg, var(--sfx-bg), var(--sfx-bg-secondary));
	border: 1px solid var(--sfx-border);
	border-radius: var(--sfx-radius);
	box-shadow: var(--sfx-shadow);
	color: var(--sfx-text);
	direction: rtl;
	font-family: inherit;
	inline-size: 100%;
	margin-block: 0 24px;
	overflow: hidden;
	padding: clamp(16px, 2.4vw, 28px);
	text-align: start;
}

.sfx-analysis-app[dir="ltr"],
.sfx-analysis-app.sfx-is-ltr {
	direction: ltr;
}

.sfx-analysis-app *,
.sfx-analysis-app *::before,
.sfx-analysis-app *::after {
	box-sizing: border-box;
}

.sfx-analysis-app a {
	color: var(--sfx-gold-bright);
	text-decoration: none;
}

.sfx-analysis-app a:hover {
	color: var(--sfx-text);
}

.sfx-analysis-app a:focus-visible,
.sfx-analysis-app .button:focus-visible,
.sfx-analysis-app button:focus-visible,
.sfx-analysis-app input:focus-visible,
.sfx-analysis-app select:focus-visible,
.sfx-analysis-app textarea:focus-visible {
	box-shadow: var(--sfx-focus);
	outline: 2px solid transparent;
}

.sfx-analysis-app.sfx-account-analysis {
	inline-size: 100%;
}

.sfx-analysis-app.sfx-customer-dashboard {
	background:
		radial-gradient(circle at 85% 8%, rgba(229, 185, 63, 0.12), transparent 24%),
		linear-gradient(145deg, rgba(14, 22, 41, 0.96), rgba(8, 13, 29, 0.98));
}

.sfx-analysis-app .sfx-dashboard-hero {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	justify-content: space-between;
	margin-block-end: 22px;
}

.sfx-analysis-app .sfx-dashboard-hero > div:first-child {
	min-inline-size: min(100%, 280px);
}

.sfx-analysis-app .sfx-dashboard-actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.sfx-analysis-app .sfx-dashboard-hero span,
.sfx-analysis-app .sfx-enterprise-card > span,
.sfx-analysis-app .sfx-enterprise-card label span,
.sfx-analysis-app .sfx-score-circle span,
.sfx-analysis-app .sfx-stats span,
.sfx-analysis-app .sfx-latest-analyses em {
	color: var(--sfx-muted);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: uppercase;
}

.sfx-analysis-app .sfx-dashboard-hero h2,
.sfx-analysis-app .sfx-enterprise-card h3,
.sfx-analysis-app .sfx-print-report h1,
.sfx-analysis-app .sfx-print-report h2 {
	color: var(--sfx-text);
	line-height: 1.25;
	margin-block: 4px 0;
}

.sfx-analysis-app p {
	color: var(--sfx-muted);
	margin-block: 10px 0;
}

.sfx-analysis-app .sfx-analysis-grid,
.sfx-analysis-app .sfx-dashboard-panels,
.sfx-analysis-app .sfx-form-grid,
.sfx-analysis-app .sfx-report-grid,
.sfx-analysis-app .sfx-stats,
.sfx-analysis-app .sfx-latest-analyses {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
}

.sfx-analysis-app .sfx-analysis-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sfx-analysis-app .sfx-enterprise-card,
.sfx-analysis-app.sfx-enterprise-card,
.sfx-analysis-app .sfx-widget-empty,
.sfx-analysis-app .sfx-empty-state,
.sfx-analysis-app .sfx-report-grid > div,
.sfx-analysis-app .sfx-stats > div,
.sfx-analysis-app .sfx-latest-analyses > div {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0)),
		var(--sfx-card);
	border: 1px solid var(--sfx-border);
	border-radius: var(--sfx-radius);
	box-shadow: 0 14px 42px rgba(0, 0, 0, 0.22);
	color: var(--sfx-text);
	padding: clamp(16px, 2vw, 22px);
	position: relative;
}

.sfx-analysis-app .sfx-enterprise-card::before,
.sfx-analysis-app.sfx-enterprise-card::before,
.sfx-analysis-app .sfx-report-grid > div::before,
.sfx-analysis-app .sfx-stats > div::before,
.sfx-analysis-app .sfx-latest-analyses > div::before {
	background: linear-gradient(90deg, var(--sfx-gold), rgba(50, 20, 154, 0));
	border-start-start-radius: inherit;
	border-start-end-radius: inherit;
	content: "";
	inset-block-start: 0;
	inset-inline: 0;
	block-size: 1px;
	position: absolute;
}

.sfx-analysis-app .sfx-card-top,
.sfx-analysis-app .sfx-enterprise-card footer,
.sfx-analysis-app .sfx-print-report header {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: space-between;
}

.sfx-analysis-app .sfx-credit-summary {
	margin-block-end: 16px;
}

.sfx-analysis-app .sfx-metric-card {
	min-block-size: 118px;
}

.sfx-analysis-app .sfx-credit-summary strong,
.sfx-analysis-app .sfx-report-grid strong,
.sfx-analysis-app .sfx-stats strong,
.sfx-analysis-app .sfx-latest-analyses strong {
	color: var(--sfx-text);
	display: block;
	font-size: clamp(22px, 3vw, 30px);
	line-height: 1.2;
	margin-block-start: 6px;
}

.sfx-analysis-app .sfx-latest-analyses strong {
	font-size: 16px;
}

.sfx-analysis-app .sfx-analysis-card {
	display: grid;
	gap: 16px;
}

.sfx-analysis-app .sfx-analysis-card h3 {
	font-size: clamp(18px, 2vw, 24px);
	overflow-wrap: anywhere;
}

.sfx-analysis-app .sfx-analysis-card-body {
	align-items: start;
	display: grid;
	gap: 16px;
	grid-template-columns: minmax(0, 1fr) auto;
}

.sfx-analysis-app .sfx-analysis-card-meta {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sfx-analysis-app .sfx-analysis-card-meta > div {
	background: rgba(255, 255, 255, 0.035);
	border: 1px solid var(--sfx-border);
	border-radius: var(--sfx-radius-sm);
	min-inline-size: 0;
	padding-block: 10px;
	padding-inline: 12px;
}

.sfx-analysis-app .sfx-analysis-card-meta span {
	color: var(--sfx-muted);
	display: block;
	font-size: 12px;
	font-weight: 800;
	margin-block-end: 5px;
}

.sfx-analysis-app .sfx-analysis-card-meta strong {
	color: var(--sfx-text);
	display: block;
	font-size: 14px;
	line-height: 1.45;
	overflow-wrap: anywhere;
}

.sfx-analysis-app .sfx-analysis-card-score {
	align-items: center;
	display: grid;
	gap: 8px;
	justify-items: center;
	min-inline-size: 126px;
}

.sfx-analysis-app .sfx-analysis-card-score .sfx-score-circle {
	min-inline-size: 104px;
	padding: 14px;
}

.sfx-analysis-app .sfx-analysis-card-score .sfx-score-circle strong {
	font-size: 28px;
}

.sfx-analysis-app .sfx-analysis-card-score em {
	color: var(--sfx-gold-bright);
	font-size: 13px;
	font-style: normal;
	font-weight: 800;
	text-align: center;
}

.sfx-analysis-app .sfx-progress {
	background: rgba(255, 255, 255, 0.10);
	border: 1px solid var(--sfx-border);
	border-radius: 999px;
	block-size: 11px;
	overflow: hidden;
}

.sfx-analysis-app .sfx-progress span {
	background: linear-gradient(90deg, var(--sfx-gold), var(--sfx-gold-bright), var(--sfx-blue));
	block-size: 100%;
	display: block;
	min-inline-size: 6px;
}

.sfx-analysis-app .sfx-score-circle {
	align-items: center;
	aspect-ratio: 1;
	background:
		radial-gradient(circle, var(--sfx-card) 58%, transparent 59%),
		conic-gradient(var(--sfx-gold-bright) calc(var(--sfx-score, 0) * 1%), rgba(255, 255, 255, 0.11) 0);
	border: 1px solid var(--sfx-gold-border);
	border-radius: 999px;
	color: var(--sfx-text);
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	min-inline-size: 122px;
	padding: 18px;
}

.sfx-analysis-app .sfx-score-circle strong {
	color: var(--sfx-gold-bright);
	font-size: 34px;
	line-height: 1;
}

.sfx-analysis-app .sfx-score-summary {
	display: grid;
	gap: 18px;
}

.sfx-analysis-app .sfx-score-summary > div:first-child {
	align-items: baseline;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.sfx-analysis-app .sfx-score-summary > div:first-child strong {
	color: var(--sfx-gold-bright);
	font-size: 28px;
}

.sfx-analysis-app .sfx-score-summary em {
	color: var(--sfx-muted);
	font-style: normal;
}

.sfx-analysis-app .sfx-score-dimensions {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.sfx-analysis-app .sfx-score-card {
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid var(--sfx-border);
	border-radius: 14px;
	display: grid;
	gap: 8px;
	padding: 14px;
}

.sfx-analysis-app .sfx-score-card strong {
	color: var(--sfx-text);
	font-size: 24px;
	line-height: 1;
}

.sfx-analysis-app .button,
.sfx-analysis-app button,
.sfx-analysis-app input[type="button"],
.sfx-analysis-app input[type="submit"],
.sfx-analysis-app .sfx-button {
	align-items: center;
	background: linear-gradient(135deg, var(--sfx-gold-bright), var(--sfx-gold));
	border: 1px solid var(--sfx-gold-border);
	border-radius: 999px;
	box-shadow: 0 10px 28px rgba(229, 185, 63, 0.22);
	color: #0a1020;
	cursor: pointer;
	display: inline-flex;
	font-weight: 800;
	gap: 8px;
	justify-content: center;
	line-height: 1.2;
	min-block-size: 44px;
	padding-block: 11px;
	padding-inline: 18px;
	text-decoration: none;
	transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
	white-space: nowrap;
}

.sfx-analysis-app .button:hover,
.sfx-analysis-app button:hover,
.sfx-analysis-app input[type="button"]:hover,
.sfx-analysis-app input[type="submit"]:hover,
.sfx-analysis-app .sfx-button:hover {
	box-shadow: 0 14px 34px rgba(229, 185, 63, 0.28);
	color: #080d1d;
	transform: translateY(-1px);
}

.sfx-analysis-app .button.secondary,
.sfx-analysis-app .sfx-button-secondary {
	background: linear-gradient(135deg, var(--sfx-purple), var(--sfx-blue));
	border-color: rgba(255, 255, 255, 0.18);
	box-shadow: 0 10px 28px rgba(23, 105, 232, 0.20);
	color: var(--sfx-text);
}

.sfx-analysis-app .button.danger,
.sfx-analysis-app .sfx-button-danger {
	background: var(--sfx-danger-bg);
	border-color: rgba(255, 107, 107, 0.38);
	box-shadow: none;
	color: #ffd8d8;
}

.sfx-analysis-app .button[disabled],
.sfx-analysis-app button[disabled],
.sfx-analysis-app input[disabled],
.sfx-analysis-app select[disabled],
.sfx-analysis-app textarea[disabled],
.sfx-analysis-app .is-disabled {
	cursor: not-allowed;
	opacity: 0.58;
	transform: none;
}

.sfx-analysis-app .is-loading {
	opacity: 0.72;
	pointer-events: none;
	position: relative;
}

.sfx-analysis-app .is-loading::after {
	animation: sfx-spin 840ms linear infinite;
	border: 2px solid rgba(255, 255, 255, 0.35);
	border-block-start-color: var(--sfx-gold-bright);
	border-radius: 999px;
	block-size: 16px;
	content: "";
	inline-size: 16px;
	inset-block-start: calc(50% - 8px);
	inset-inline-end: 12px;
	position: absolute;
}

.sfx-analysis-app .sfx-account-form,
.sfx-analysis-app.sfx-account-form {
	margin-block-start: 18px;
}

.sfx-analysis-app .sfx-account-form form,
.sfx-analysis-app.sfx-account-form form {
	display: grid;
	gap: 16px;
}

.sfx-analysis-app .sfx-account-form label,
.sfx-analysis-app.sfx-account-form label {
	color: var(--sfx-text);
	display: grid;
	gap: 8px;
}

.sfx-analysis-app .sfx-account-form input,
.sfx-analysis-app .sfx-account-form select,
.sfx-analysis-app .sfx-account-form textarea,
.sfx-analysis-app.sfx-account-form input,
.sfx-analysis-app.sfx-account-form select,
.sfx-analysis-app.sfx-account-form textarea,
.sfx-analysis-app .sfx-field {
	background: rgba(8, 13, 29, 0.78);
	border: 1px solid var(--sfx-border);
	border-radius: var(--sfx-radius-sm);
	color: var(--sfx-text);
	inline-size: 100%;
	min-block-size: 46px;
	padding-block: 11px;
	padding-inline: 13px;
	transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}

.sfx-analysis-app .sfx-account-form textarea,
.sfx-analysis-app.sfx-account-form textarea,
.sfx-analysis-app textarea.sfx-field {
	min-block-size: 132px;
	resize: vertical;
}

.sfx-analysis-app .sfx-account-form input::placeholder,
.sfx-analysis-app .sfx-account-form textarea::placeholder,
.sfx-analysis-app.sfx-account-form input::placeholder,
.sfx-analysis-app.sfx-account-form textarea::placeholder,
.sfx-analysis-app .sfx-field::placeholder {
	color: rgba(174, 182, 202, 0.68);
}

.sfx-analysis-app .sfx-account-form input:focus,
.sfx-analysis-app .sfx-account-form select:focus,
.sfx-analysis-app .sfx-account-form textarea:focus,
.sfx-analysis-app.sfx-account-form input:focus,
.sfx-analysis-app.sfx-account-form select:focus,
.sfx-analysis-app.sfx-account-form textarea:focus,
.sfx-analysis-app .sfx-field:focus {
	background: rgba(11, 17, 34, 0.96);
	border-color: var(--sfx-gold-border);
	box-shadow: var(--sfx-focus);
	outline: 0;
}

.sfx-analysis-app .sfx-account-form input:required,
.sfx-analysis-app .sfx-account-form select:required,
.sfx-analysis-app .sfx-account-form textarea:required,
.sfx-analysis-app.sfx-account-form input:required,
.sfx-analysis-app.sfx-account-form select:required,
.sfx-analysis-app.sfx-account-form textarea:required,
.sfx-analysis-app .is-required {
	border-inline-start-color: var(--sfx-gold);
}

.sfx-analysis-app .sfx-account-form input:invalid:not(:placeholder-shown),
.sfx-analysis-app .sfx-account-form textarea:invalid:not(:placeholder-shown),
.sfx-analysis-app.sfx-account-form input:invalid:not(:placeholder-shown),
.sfx-analysis-app.sfx-account-form textarea:invalid:not(:placeholder-shown),
.sfx-analysis-app .has-error .sfx-field {
	border-color: rgba(255, 107, 107, 0.72);
	box-shadow: 0 0 0 3px rgba(255, 107, 107, 0.14);
}

.sfx-analysis-app .sfx-field-error,
.sfx-analysis-app .sfx-required-note {
	color: #ffd8d8;
	font-size: 13px;
	margin-block-start: 6px;
}

.sfx-analysis-app input[type="checkbox"],
.sfx-analysis-app input[type="radio"] {
	accent-color: var(--sfx-gold);
	block-size: 18px;
	inline-size: 18px;
}

.sfx-analysis-app .sfx-credit-history,
.sfx-analysis-app .sfx-table-wrap {
	margin-block-start: 18px;
	overflow-x: auto;
}

.sfx-analysis-app table {
	border-collapse: collapse;
	color: var(--sfx-text);
	inline-size: 100%;
	margin-block-start: 12px;
	min-inline-size: 520px;
}

.sfx-analysis-app th,
.sfx-analysis-app td {
	border-block-end: 1px solid var(--sfx-border);
	padding-block: 12px;
	padding-inline: 10px;
	text-align: start;
	vertical-align: top;
}

.sfx-analysis-app th {
	color: var(--sfx-muted);
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
}

.sfx-analysis-app .sfx-status-badge {
	border: 1px solid transparent;
	border-radius: 999px;
	display: inline-flex;
	font-size: 12px;
	font-weight: 800;
	line-height: 1;
	padding-block: 8px;
	padding-inline: 11px;
	white-space: nowrap;
}

.sfx-analysis-app .sfx-status-sfx_pending {
	background: var(--sfx-warning-bg);
	border-color: rgba(255, 201, 74, 0.36);
	color: #ffe39a;
}

.sfx-analysis-app .sfx-status-sfx_submitted,
.sfx-analysis-app .sfx-status-sfx_under_review {
	background: var(--sfx-info-bg);
	border-color: rgba(111, 168, 255, 0.34);
	color: #b9d4ff;
}

.sfx-analysis-app .sfx-status-sfx_completed {
	background: var(--sfx-success-bg);
	border-color: rgba(69, 212, 131, 0.34);
	color: #bcffd8;
}

.sfx-analysis-app .sfx-status-sfx_rejected {
	background: var(--sfx-danger-bg);
	border-color: rgba(255, 107, 107, 0.36);
	color: #ffd0d0;
}

.sfx-analysis-app .sfx-empty-state,
.sfx-analysis-app .sfx-widget-empty,
.sfx-analysis-app .sfx-notice {
	color: var(--sfx-muted);
	margin: 0;
}

.sfx-analysis-app .sfx-notice,
.sfx-analysis-app .woocommerce-error,
.sfx-analysis-app .woocommerce-message,
.sfx-analysis-app .woocommerce-info {
	border: 1px solid var(--sfx-border);
	border-radius: var(--sfx-radius-sm);
	list-style-position: inside;
	margin-block: 0 16px;
	padding-block: 13px;
	padding-inline: 15px;
}

.sfx-analysis-app .sfx-notice-error,
.sfx-analysis-app .woocommerce-error {
	background: var(--sfx-danger-bg);
	border-color: rgba(255, 107, 107, 0.36);
	color: #ffd8d8;
}

.sfx-analysis-app .sfx-notice-success,
.sfx-analysis-app .woocommerce-message {
	background: var(--sfx-success-bg);
	border-color: rgba(69, 212, 131, 0.34);
	color: #caffde;
}

.sfx-analysis-app .sfx-notice-warning {
	background: var(--sfx-warning-bg);
	border-color: rgba(255, 201, 74, 0.34);
	color: #ffe5a3;
}

.sfx-analysis-app .sfx-notice-info,
.sfx-analysis-app .woocommerce-info {
	background: var(--sfx-info-bg);
	border-color: rgba(111, 168, 255, 0.34);
	color: #d7e6ff;
}

.sfx-analysis-app .sfx-tabs {
	border-block-end: 1px solid var(--sfx-border);
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-block-end: 16px;
}

.sfx-analysis-app .sfx-tab {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid var(--sfx-border);
	border-block-end: 0;
	border-radius: 12px 12px 0 0;
	color: var(--sfx-muted);
	padding-block: 10px;
	padding-inline: 14px;
}

.sfx-analysis-app .sfx-tab.is-active {
	background: var(--sfx-card);
	color: var(--sfx-gold-bright);
}

.sfx-analysis-app .sfx-form-heading {
	margin-block-end: 22px;
}

.sfx-analysis-app .sfx-form-heading > span {
	color: var(--sfx-gold-bright);
	display: inline-block;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0;
	margin-block-end: 6px;
	text-transform: uppercase;
}

.sfx-analysis-app .sfx-form-heading h3 {
	color: var(--sfx-text);
	font-size: clamp(22px, 3vw, 32px);
	line-height: 1.2;
	margin: 0;
}

.sfx-analysis-app .sfx-form-shell {
	align-items: start;
	display: grid;
	gap: 20px;
	grid-template-columns: minmax(190px, 240px) minmax(0, 1fr);
}

.sfx-analysis-app.sfx-account-form .sfx-form-shell {
	display: block;
}

.sfx-analysis-app .sfx-step-nav {
	background: rgba(255, 255, 255, 0.035);
	border: 1px solid var(--sfx-border);
	border-radius: var(--sfx-radius);
	display: grid;
	gap: 8px;
	padding: 10px;
	position: sticky;
	top: 18px;
}

.sfx-analysis-app .sfx-step-tab {
	background: transparent;
	border: 1px solid transparent;
	border-radius: var(--sfx-radius-sm);
	box-shadow: none;
	color: var(--sfx-muted);
	display: grid;
	gap: 4px;
	grid-template-columns: 32px minmax(0, 1fr);
	justify-content: start;
	min-block-size: auto;
	padding-block: 11px;
	padding-inline: 11px;
	text-align: start;
	white-space: normal;
}

.sfx-analysis-app .sfx-step-tab:hover,
.sfx-analysis-app .sfx-step-tab.is-active {
	background: linear-gradient(135deg, rgba(229, 185, 63, 0.14), rgba(50, 20, 154, 0.16));
	border-color: var(--sfx-gold-border);
	box-shadow: none;
	color: var(--sfx-text);
	transform: none;
}

.sfx-analysis-app .sfx-step-tab span {
	align-items: center;
	background: rgba(229, 185, 63, 0.12);
	border: 1px solid var(--sfx-gold-border);
	border-radius: 999px;
	color: var(--sfx-gold-bright);
	display: inline-flex;
	font-size: 13px;
	font-weight: 800;
	justify-content: center;
	min-block-size: 28px;
	min-inline-size: 28px;
}

.sfx-analysis-app .sfx-step-tab strong {
	align-self: center;
	font-size: 13px;
	line-height: 1.35;
}

.sfx-analysis-app .sfx-step-panels {
	min-inline-size: 0;
}

.sfx-analysis-app .sfx-step-panel {
	border: 0;
	display: grid;
	gap: 16px;
	margin: 0;
	padding: 0;
}

.sfx-analysis-app.sfx-multistep-ready .sfx-step-panel[hidden],
.sfx-analysis-app .sfx-conditional[hidden],
.sfx-analysis-app .sfx-step-actions [hidden] {
	display: none;
}

.sfx-analysis-app .sfx-step-panel legend {
	color: var(--sfx-gold-bright);
	float: inline-start;
	font-size: clamp(18px, 2.2vw, 24px);
	font-weight: 800;
	line-height: 1.25;
	margin-block-end: 10px;
	padding: 0;
	inline-size: 100%;
}

.sfx-analysis-app .sfx-step-panel legend + * {
	clear: both;
}

.sfx-analysis-app .sfx-choice-group {
	background: rgba(255, 255, 255, 0.035);
	border: 1px solid var(--sfx-border);
	border-radius: var(--sfx-radius-sm);
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding: 14px;
}

.sfx-analysis-app .sfx-choice-group > span {
	color: var(--sfx-muted);
	flex-basis: 100%;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
}

.sfx-analysis-app .sfx-choice,
.sfx-analysis-app .sfx-acknowledgement {
	align-items: flex-start;
	background: rgba(8, 13, 29, 0.58);
	border: 1px solid var(--sfx-border);
	border-radius: var(--sfx-radius-sm);
	display: flex;
	gap: 10px;
	padding-block: 10px;
	padding-inline: 12px;
}

.sfx-analysis-app .sfx-choice span,
.sfx-analysis-app .sfx-acknowledgement span {
	color: var(--sfx-text);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.5;
	text-transform: none;
}

.sfx-analysis-app .sfx-step-actions {
	border-block-start: 1px solid var(--sfx-border);
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: flex-end;
	margin-block-start: 22px;
	padding-block-start: 18px;
}

.sfx-analysis-app .sfx-review-grid {
	display: grid;
	gap: 14px;
}

.sfx-analysis-app .sfx-review-section {
	background: rgba(255, 255, 255, 0.035);
	border: 1px solid var(--sfx-border);
	border-radius: var(--sfx-radius-sm);
	padding: 16px;
}

.sfx-analysis-app .sfx-review-section h4 {
	color: var(--sfx-gold-bright);
	font-size: 16px;
	margin-block: 0 12px;
}

.sfx-analysis-app .sfx-review-section dl {
	display: grid;
	gap: 8px 14px;
	grid-template-columns: minmax(130px, 0.38fr) minmax(0, 1fr);
	margin: 0;
}

.sfx-analysis-app .sfx-review-section dt {
	color: var(--sfx-muted);
	font-size: 13px;
	font-weight: 800;
}

.sfx-analysis-app .sfx-review-section dd {
	color: var(--sfx-text);
	margin: 0;
	overflow-wrap: anywhere;
}

.sfx-analysis-app .sfx-analysis-images {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
	margin-block-start: 14px;
}

.sfx-analysis-app .sfx-analysis-images a {
	background: rgba(8, 13, 29, 0.72);
	border: 1px solid var(--sfx-border);
	border-radius: var(--sfx-radius-sm);
	display: block;
	overflow: hidden;
	padding: 8px;
}

.sfx-analysis-app .sfx-analysis-images a:focus-visible {
	border-color: var(--sfx-gold);
}

.sfx-analysis-app .sfx-analysis-images img {
	aspect-ratio: 16 / 10;
	background: rgba(4, 9, 22, 0.86);
	border-radius: calc(var(--sfx-radius-sm) - 4px);
	display: block;
	block-size: auto;
	inline-size: 100%;
	object-fit: contain;
}

.sfx-analysis-app .sfx-report-hero {
	align-items: stretch;
	background:
		radial-gradient(circle at 16% 18%, rgba(229, 185, 63, 0.18), transparent 25%),
		linear-gradient(135deg, rgba(14, 22, 41, 0.95), rgba(8, 13, 29, 0.98));
	border: 1px solid var(--sfx-border);
	border-radius: var(--sfx-radius);
	display: grid;
	gap: 18px;
	grid-template-columns: minmax(0, 1fr) minmax(210px, 300px);
	margin-block-end: 16px;
	overflow: hidden;
	padding: clamp(18px, 2.6vw, 28px);
	position: relative;
}

.sfx-analysis-app .sfx-report-hero::before {
	background: linear-gradient(90deg, var(--sfx-gold), rgba(50, 20, 154, 0.72), transparent);
	content: "";
	inset-block-start: 0;
	inset-inline: 0;
	block-size: 1px;
	position: absolute;
}

.sfx-analysis-app .sfx-report-hero-copy {
	display: grid;
	gap: 10px;
	place-content: center start;
}

.sfx-analysis-app .sfx-report-back {
	align-items: center;
	color: var(--sfx-muted);
	display: inline-flex;
	font-size: 13px;
	font-weight: 800;
	inline-size: fit-content;
}

.sfx-analysis-app .sfx-report-back::before {
	content: "‹";
	font-size: 20px;
	line-height: 1;
	margin-inline-end: 6px;
}

.sfx-analysis-app[dir="rtl"] .sfx-report-back::before {
	content: "›";
}

.sfx-analysis-app .sfx-report-eyebrow {
	color: var(--sfx-gold-bright);
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 0;
	text-transform: uppercase;
}

.sfx-analysis-app .sfx-report-hero h2 {
	color: var(--sfx-text);
	font-size: clamp(28px, 4vw, 44px);
	line-height: 1.15;
	margin: 0;
}

.sfx-analysis-app .sfx-report-hero p {
	max-inline-size: 720px;
}

.sfx-analysis-app .sfx-report-meta-pills,
.sfx-analysis-app .sfx-report-actions,
.sfx-analysis-app .sfx-report-kv-grid,
.sfx-analysis-app .sfx-report-compact-list > div {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.sfx-analysis-app .sfx-report-meta-pills > span:not(.sfx-status-badge) {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid var(--sfx-border);
	border-radius: 999px;
	color: var(--sfx-muted);
	font-size: 12px;
	font-weight: 800;
	padding-block: 8px;
	padding-inline: 12px;
}

.sfx-analysis-app .sfx-report-score-hero,
.sfx-analysis-app .sfx-report-score-card {
	align-items: center;
	background:
		linear-gradient(180deg, rgba(229, 185, 63, 0.10), rgba(50, 20, 154, 0.08)),
		rgba(255, 255, 255, 0.035);
	border: 1px solid var(--sfx-gold-border);
	border-radius: var(--sfx-radius);
	box-shadow: 0 18px 50px rgba(0, 0, 0, 0.25), 0 0 34px rgba(229, 185, 63, 0.08);
	display: grid;
	gap: 12px;
	justify-items: center;
	padding: 18px;
	text-align: center;
}

.sfx-analysis-app .sfx-report-score-hero > strong,
.sfx-analysis-app .sfx-report-score-card > div > strong {
	color: var(--sfx-gold-bright);
	font-size: clamp(22px, 3vw, 34px);
	line-height: 1.15;
}

.sfx-analysis-app .sfx-report-score-hero > span,
.sfx-analysis-app .sfx-report-score-card span,
.sfx-analysis-app .sfx-report-actions span,
.sfx-analysis-app .sfx-report-info-card span,
.sfx-analysis-app .sfx-report-kv-grid span,
.sfx-analysis-app .sfx-report-compact-list span {
	color: var(--sfx-muted);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: uppercase;
}

.sfx-analysis-app .sfx-score-circle-large {
	min-inline-size: 154px;
}

.sfx-analysis-app .sfx-score-circle-large strong {
	font-size: 44px;
}

.sfx-analysis-app .sfx-report-actions {
	background: rgba(255, 255, 255, 0.035);
	border: 1px solid var(--sfx-border);
	border-radius: var(--sfx-radius);
	justify-content: space-between;
	margin-block-end: 16px;
	padding: 14px;
}

.sfx-analysis-app .sfx-report-actions > div:not(.sfx-dashboard-actions) {
	display: grid;
	gap: 4px;
}

.sfx-analysis-app .sfx-report-actions strong {
	color: var(--sfx-text);
	font-size: 16px;
}

.sfx-analysis-app .sfx-report-section {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0)),
		var(--sfx-card);
	border: 1px solid var(--sfx-border);
	border-radius: var(--sfx-radius);
	box-shadow: 0 16px 46px rgba(0, 0, 0, 0.22);
	display: grid;
	gap: 16px;
	margin-block-start: 16px;
	padding: clamp(16px, 2.2vw, 24px);
	position: relative;
}

.sfx-analysis-app .sfx-report-section::before {
	background: linear-gradient(90deg, var(--sfx-gold), rgba(50, 20, 154, 0.6), transparent);
	border-start-start-radius: inherit;
	border-start-end-radius: inherit;
	content: "";
	inset-block-start: 0;
	inset-inline: 0;
	block-size: 1px;
	position: absolute;
}

.sfx-analysis-app .sfx-report-section-heading {
	align-items: flex-start;
	display: flex;
	gap: 12px;
}

.sfx-analysis-app .sfx-report-section-heading > span {
	align-items: center;
	background: linear-gradient(135deg, var(--sfx-purple), var(--sfx-blue));
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 999px;
	color: var(--sfx-text);
	display: inline-flex;
	flex: 0 0 auto;
	font-size: 13px;
	font-weight: 900;
	justify-content: center;
	min-block-size: 34px;
	min-inline-size: 34px;
}

.sfx-analysis-app .sfx-report-section-heading h3,
.sfx-analysis-app .sfx-report-panel h4,
.sfx-analysis-app .sfx-report-note h4,
.sfx-analysis-app .sfx-report-final-actions h3 {
	color: var(--sfx-text);
	line-height: 1.25;
	margin: 0;
}

.sfx-analysis-app .sfx-report-section-heading p {
	margin-block-start: 4px;
}

.sfx-analysis-app .sfx-report-info-grid,
.sfx-analysis-app .sfx-report-score-layout,
.sfx-analysis-app .sfx-report-notes-grid,
.sfx-analysis-app .sfx-report-two-column {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
}

.sfx-analysis-app .sfx-report-info-card,
.sfx-analysis-app .sfx-report-kv-grid > div,
.sfx-analysis-app .sfx-report-panel,
.sfx-analysis-app .sfx-report-note {
	background: rgba(8, 13, 29, 0.58);
	border: 1px solid var(--sfx-border);
	border-radius: var(--sfx-radius-sm);
	padding: 14px;
}

.sfx-analysis-app .sfx-report-info-card {
	display: grid;
	gap: 7px;
}

.sfx-analysis-app .sfx-report-info-card i {
	align-items: center;
	background: rgba(229, 185, 63, 0.12);
	border: 1px solid var(--sfx-gold-border);
	border-radius: 999px;
	color: var(--sfx-gold-bright);
	display: inline-flex;
	font-style: normal;
	font-weight: 900;
	justify-content: center;
	min-block-size: 32px;
	min-inline-size: 32px;
}

.sfx-analysis-app .sfx-report-info-card i::before {
	content: "+";
}

.sfx-analysis-app .sfx-report-info-card strong,
.sfx-analysis-app .sfx-report-kv-grid strong,
.sfx-analysis-app .sfx-report-compact-list strong {
	color: var(--sfx-text);
	font-size: 16px;
	line-height: 1.4;
	overflow-wrap: anywhere;
}

.sfx-analysis-app .sfx-report-score-layout {
	grid-template-columns: minmax(210px, 280px) minmax(0, 1fr);
}

.sfx-analysis-app .sfx-report-score-card {
	align-content: center;
}

.sfx-analysis-app .sfx-report-score-card em {
	color: var(--sfx-muted);
	display: block;
	font-style: normal;
	font-weight: 800;
	margin-block-start: 4px;
}

.sfx-analysis-app .sfx-report-score-dimensions {
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr));
}

.sfx-analysis-app .sfx-report-rich-text {
	background: rgba(8, 13, 29, 0.50);
	border: 1px solid var(--sfx-border);
	border-radius: var(--sfx-radius-sm);
	color: var(--sfx-muted);
	line-height: 1.9;
	padding: clamp(14px, 2vw, 20px);
}

.sfx-analysis-app .sfx-report-rich-text > :first-child,
.sfx-analysis-app .sfx-report-note > :first-child {
	margin-block-start: 0;
}

.sfx-analysis-app .sfx-report-rich-text > :last-child,
.sfx-analysis-app .sfx-report-note > :last-child {
	margin-block-end: 0;
}

.sfx-analysis-app .sfx-report-kv-grid {
	align-items: stretch;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr));
}

.sfx-analysis-app .sfx-report-kv-grid > div {
	display: grid;
	gap: 6px;
}

.sfx-analysis-app .sfx-report-note {
	border-color: rgba(111, 168, 255, 0.22);
	color: var(--sfx-muted);
	line-height: 1.8;
}

.sfx-analysis-app .sfx-report-note-info {
	background: rgba(23, 105, 232, 0.10);
}

.sfx-analysis-app .sfx-report-note-purple {
	background: rgba(50, 20, 154, 0.16);
	border-color: rgba(125, 92, 255, 0.28);
}

.sfx-analysis-app .sfx-report-note-warning {
	background: var(--sfx-warning-bg);
	border-color: rgba(255, 201, 74, 0.28);
}

.sfx-analysis-app .sfx-report-note-success {
	background: var(--sfx-success-bg);
	border-color: rgba(69, 212, 131, 0.26);
}

.sfx-analysis-app .sfx-report-panel {
	display: grid;
	gap: 12px;
}

.sfx-analysis-app .sfx-report-panel h4,
.sfx-analysis-app .sfx-report-note h4 {
	color: var(--sfx-gold-bright);
	font-size: 16px;
}

.sfx-analysis-app .sfx-report-panel-purple h4 {
	color: #b9a8ff;
}

.sfx-analysis-app .sfx-report-compact-list {
	display: grid;
	gap: 9px;
}

.sfx-analysis-app .sfx-report-compact-list > div {
	background: rgba(255, 255, 255, 0.035);
	border: 1px solid var(--sfx-border);
	border-radius: 10px;
	justify-content: space-between;
	padding-block: 10px;
	padding-inline: 12px;
}

.sfx-analysis-app .sfx-report-final-actions {
	align-items: center;
	background:
		linear-gradient(135deg, rgba(50, 20, 154, 0.20), rgba(229, 185, 63, 0.08)),
		var(--sfx-card);
}

.sfx-analysis-app .sfx-timeline {
	display: grid;
	gap: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.sfx-analysis-app .sfx-timeline li {
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid var(--sfx-border);
	border-radius: var(--sfx-radius-sm);
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: space-between;
	padding-block: 12px;
	padding-inline: 14px;
}

.sfx-analysis-app.sfx-print-report {
	max-inline-size: 980px;
}

@keyframes sfx-spin {
	to {
		transform: rotate(360deg);
	}
}

@media (max-width: 1199px) {
	.sfx-analysis-app {
		padding: 20px;
	}

	.sfx-analysis-app .sfx-form-shell {
		grid-template-columns: 1fr;
	}

	.sfx-analysis-app .sfx-analysis-grid {
		grid-template-columns: 1fr;
	}

	.sfx-analysis-app .sfx-report-hero,
	.sfx-analysis-app .sfx-report-score-layout {
		grid-template-columns: 1fr;
	}

	.sfx-analysis-app .sfx-step-nav {
		display: flex;
		flex-wrap: wrap;
		position: static;
	}

	.sfx-analysis-app .sfx-step-tab {
		flex: 1 1 180px;
	}
}

@media (max-width: 767px) {
	.sfx-analysis-app {
		border-radius: 14px;
		margin-block-end: 18px;
		padding: 16px;
	}

	.sfx-analysis-app .sfx-dashboard-hero,
	.sfx-analysis-app .sfx-report-hero,
	.sfx-analysis-app .sfx-card-top,
	.sfx-analysis-app .sfx-enterprise-card footer,
	.sfx-analysis-app .sfx-print-report header {
		align-items: stretch;
		flex-direction: column;
	}

	.sfx-analysis-app .sfx-dashboard-actions,
	.sfx-analysis-app .sfx-report-actions,
	.sfx-analysis-app .button,
	.sfx-analysis-app button,
	.sfx-analysis-app input[type="button"],
	.sfx-analysis-app input[type="submit"],
	.sfx-analysis-app .sfx-button {
		inline-size: 100%;
	}

	.sfx-analysis-app .sfx-analysis-grid,
	.sfx-analysis-app .sfx-dashboard-panels,
	.sfx-analysis-app .sfx-form-grid,
	.sfx-analysis-app .sfx-report-grid,
	.sfx-analysis-app .sfx-stats,
	.sfx-analysis-app .sfx-latest-analyses {
		grid-template-columns: 1fr;
	}

	.sfx-analysis-app .sfx-score-circle {
		min-inline-size: 112px;
	}

	.sfx-analysis-app .sfx-analysis-card-body,
	.sfx-analysis-app .sfx-analysis-card-meta {
		grid-template-columns: 1fr;
	}

	.sfx-analysis-app .sfx-analysis-card-score {
		justify-items: start;
		min-inline-size: 0;
	}

	.sfx-analysis-app .sfx-score-circle-large {
		min-inline-size: 132px;
	}

	.sfx-analysis-app .sfx-report-section-heading {
		display: grid;
	}

	.sfx-analysis-app .sfx-step-nav {
		display: grid;
		grid-template-columns: 1fr;
	}

	.sfx-analysis-app .sfx-step-tab {
		inline-size: 100%;
	}

	.sfx-analysis-app .sfx-choice-group,
	.sfx-analysis-app .sfx-step-actions {
		flex-direction: column;
	}

	.sfx-analysis-app .sfx-review-section dl {
		grid-template-columns: 1fr;
	}
}

@media print {
	.sfx-print-body {
		background: #ffffff;
		color: #111111;
	}

	.sfx-print-body .sfx-analysis-app {
		background: #ffffff;
		border: 0;
		box-shadow: none;
		color: #111111;
		margin: 0 auto;
		max-inline-size: 960px;
		padding: 0;
	}

	.sfx-print-body .sfx-enterprise-card,
	.sfx-print-body .sfx-report-grid > div {
		background: #ffffff;
		border-color: #d7d7d7;
		box-shadow: none;
		color: #111111;
	}

	.sfx-print-body .button {
		display: none;
	}
}