/* TTM AccessFlow dashboard SPA */
.ttm-accessflow-dashboard [data-action="connect"][hidden] {
	display: none !important;
}
.ttm-accessflow-dashboard fieldset {
    border-color: var(--ttm-bordercolor);
    border-radius: 10px;
}

.ttm-accessflow-dashboard {
	--accent: var(--ttm-skincolor, #635bff);
	--accent-soft: var(--light-purplecolor, rgba(99, 91, 255, 0.12));
	--bg: var(--ttm-greycolor, #f4f5f8);
	--surface: var(--ttm-whitecolor, #ffffff);
	--text: var(--ttm-blackishcolor, #171923);
	--muted: var(--body-fonts-color, #5b6472);
	--border: var(--ttm-bordercolor, #d7dbe2);
	--danger: var(--dark-redcolor, #b42318);
	--radius: 15px;
	--shadow: var(--ttm-boxshadow, 0 14px 40px rgba(17, 24, 39, 0.08));
	box-sizing: border-box;
	color: var(--text);
	font-family: var(--body-font-family, system-ui, -apple-system, Segoe UI, Roboto, sans-serif);
	font-size: var(--body-font-size, 14px);
	line-height: var(--body-line-height, 1.45);
	margin: 24px 0 40px;
	width: 100%;
}

.ttm-accessflow-dashboard *,
.ttm-accessflow-dashboard *::before,
.ttm-accessflow-dashboard *::after {
	box-sizing: inherit;
}

:root[data-theme="dark"] .ttm-accessflow-dashboard,
.ttm-accessflow-dashboard[data-theme="dark"] {
	--bg: #0f1117;
	--surface: #171923;
	--text: #f5f7fb;
	--muted: #a6adbb;
	--border: #2d3340;
	--shadow: 0 14px 40px rgba(0, 0, 0, 0.35);
}

.ttm-accessflow-dashboard .skip {
	position: absolute;
	left: -9999px;
	top: auto;
}

.ttm-accessflow-dashboard .skip:focus {
	left: 16px;
	top: 16px;
	z-index: 10000;
	background: var(--surface);
	padding: 8px 12px;
	border-radius: 8px;
}

.ttm-accessflow-dashboard .shell {
	display: grid;
	grid-template-columns: 240px minmax(0, 1fr);
	min-height: 640px;
	background: var(--bg);
	border: 1px solid var(--border);
	border-radius: 16px;
	overflow: hidden;
	box-shadow: var(--shadow);
}

.ttm-accessflow-dashboard .side {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 20px 16px;
	background: var(--surface);
	border-right: 1px solid var(--border);
}

.ttm-accessflow-dashboard .brand {
	color: var(--text);
	font-size: 18px;
	font-weight: 700;
	text-decoration: none;
}

.ttm-accessflow-dashboard .side nav {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.ttm-accessflow-dashboard .side nav a {
	color: var(--muted);
	text-decoration: none;
	padding: 10px 12px;
	border-radius: 10px;
	transition: background 0.15s ease, color 0.15s ease;
}

.ttm-accessflow-dashboard .side nav a:hover,
.ttm-accessflow-dashboard .side nav a.active {
	background: var(--accent-soft);
	color: var(--text);
}

.ttm-accessflow-dashboard .side footer {
	margin-top: auto;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.ttm-accessflow-dashboard .main {
	display: flex;
	flex-direction: column;
	min-width: 0;
	background: var(--bg);
}

.ttm-accessflow-dashboard .main > header {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px 20px;
	background: var(--surface);
	border-bottom: 1px solid var(--border);
}

.ttm-accessflow-dashboard .crumb {
	font-size: 18px;
	font-weight: 600;
	flex: 1;
}

.ttm-accessflow-dashboard .top {
	display: flex;
	align-items: center;
	gap: 8px;
}

.ttm-accessflow-dashboard .mobile-menu {
	display: none;
}

.ttm-accessflow-dashboard #ttm-af-content {
	flex: 1;
	padding: 20px;
	overflow: auto;
}

.ttm-accessflow-dashboard .page {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.ttm-accessflow-dashboard .page-title,
.ttm-accessflow-dashboard .hero {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}

.ttm-accessflow-dashboard h1,
.ttm-accessflow-dashboard h2,
.ttm-accessflow-dashboard h3 {
	margin: 0 0 12px;
	line-height: 1.25;
	color: var(--text);
}
article#home-score-explain p#home-score-method {
    margin-bottom: 0;
}
.ttm-accessflow-dashboard .eyebrow {
    margin: 0 0 6px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.08em;
    color: var(--muted);
}
.ttm-accessflow-dashboard .muted {
	color: var(--muted);
}

.ttm-accessflow-dashboard .panel,
.ttm-accessflow-dashboard .stats > article {
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: var(--radius);
	padding: 16px;
}

.ttm-accessflow-dashboard .stats {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 16px;
}

.ttm-accessflow-dashboard .stats strong {
	display: block;
	font-size: 28px;
	margin: 8px 0;
}

.ttm-accessflow-dashboard .grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	gap: 16px;
}

.ttm-accessflow-dashboard .list,
.ttm-accessflow-dashboard .sites {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.ttm-accessflow-dashboard .plan-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 16px;
}

.ttm-accessflow-dashboard .site,
.ttm-accessflow-dashboard .invoice {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 14px 16px;
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: var(--radius);
}

.ttm-accessflow-dashboard .issue-card {
	display: block;
	padding: 14px 16px;
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: var(--radius);
}

.ttm-accessflow-dashboard .issue-actions {
	margin-top: 12px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.ttm-accessflow-dashboard .issue-verify-hint {
	margin: 0;
	font-size: 13px;
}

.ttm-accessflow-dashboard .issue-fix-section,
.ttm-accessflow-dashboard .issue-workflow-section {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.ttm-accessflow-dashboard .issue-section-label {
	font-size: 12px;
	font-weight: 600;
	color: var(--text);
}

.ttm-accessflow-dashboard .issue-workflow-label {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin: 0;
	font-size: 12px;
	font-weight: 600;
	color: var(--text);
}

.ttm-accessflow-dashboard .issue-ai-actions,
.ttm-accessflow-dashboard .issue-meta-actions {
	flex-wrap: wrap;
}

.ttm-accessflow-dashboard .status {
    font-size: 14px;
    font-weight: 500;
	color: var(--accent);
}

.ttm-accessflow-dashboard .empty {
	color: var(--muted);
	margin: 0;
}

.ttm-accessflow-dashboard .form,
.ttm-accessflow-dashboard label {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-bottom: 12px;
}

.ttm-accessflow-dashboard input,
.ttm-accessflow-dashboard select,
.ttm-accessflow-dashboard textarea {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid var(--border);
	border-radius: 10px;
	background: var(--surface);
	color: var(--text);
	font: inherit;
}

.ttm-accessflow-dashboard button,
.ttm-accessflow-dashboard .primary,
.ttm-accessflow-dashboard .secondary,
.ttm-accessflow-dashboard .ghost,
.ttm-accessflow-dashboard .danger {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 10px 14px;
	border-radius: 10px;
	border: 1px solid transparent;
	font: inherit;
	cursor: pointer;
	text-decoration: none;
}

.ttm-accessflow-dashboard .primary {
	background: var(--accent);
	color: #fff;
}

.ttm-accessflow-dashboard .secondary {
	background: var(--surface);
	border-color: var(--border);
	color: var(--text);
}

.ttm-accessflow-dashboard .ghost {
	background: transparent;
	border-color: var(--border);
	color: var(--text);
}

.ttm-accessflow-dashboard .danger {
	background: #fee4e2;
	color: var(--danger);
}

.ttm-accessflow-dashboard .icon,
.ttm-accessflow-dashboard .avatar {
	width: 40px;
	height: 40px;
	border-radius: 999px;
	border: 1px solid var(--border);
	background: var(--surface);
	color: var(--text);
}

.ttm-accessflow-dashboard .billing-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}
.ttm-accessflow-dashboard #manual-scan-form .billing-actions {
    margin-bottom: 15px;
}
.ttm-accessflow-dashboard .score-headline {
	display: flex;
	align-items: center;
	gap: 10px;
}

.ttm-accessflow-dashboard .score-headline strong {
	font-size: 36px;
	font-weight: 500;
}

.ttm-accessflow-dashboard .grade-badge,
.ttm-accessflow-dashboard .trend-badge,
.ttm-accessflow-dashboard .badge {
	display: inline-flex;
	align-items: center;
	padding: 4px 8px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	background: var(--accent-soft);
	/*color: var(--text);*/
    color: var(--ttm-secondarycolor);
}

.ttm-accessflow-dashboard .chart-row,
.ttm-accessflow-dashboard .usage-row {
	display: grid;
	grid-template-columns: 200px 1fr auto;
	gap: 10px;
	align-items: center;
	margin-bottom: 10px;
}
#manual-review-list ul.checklist {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ttm-accessflow-dashboard fieldset.ai-variant-picker label, ul.checklist label {
    display: block;
}
#branding-form label {
    display: block;
}
#report-email-settings label {
    display: block;
}
fieldset#toolbar-global-settings label {
    display: block;
}
.ttm-accessflow-dashboard input[type="checkbox"], .ttm-accessflow-dashboard input[type="radio"] {
    width: auto;
    height: auto;
    min-height: auto;
}
.ttm-accessflow-dashboard fieldset.ai-variant-picker label input[type="checkbox"],
.ttm-accessflow-dashboard fieldset.ai-variant-picker label input[type="radio"],
ul.checklist label input[type="checkbox"] , ul.checklist label input[type="radio"] {
    width: auto;
    height: auto;
    min-height: auto;
}

.ttm-accessflow-dashboard .usage-row span {
    margin-right: 5px;
}
ul.marketplace-list li {
    margin-bottom: 5px;
}
div#home-launch-footer p {
    margin-bottom: 0;
}
ul.marketplace-list li strong {
    margin-right: 5px;
}
.ttm-accessflow-dashboard .chart-track,
.ttm-accessflow-dashboard .usage-track,
.ttm-accessflow-dashboard .scan-progress-track {
	height: 8px;
	background: var(--border);
	border-radius: 999px;
	overflow: hidden;
}

.ttm-accessflow-dashboard .chart-fill,
.ttm-accessflow-dashboard .usage-fill,
.ttm-accessflow-dashboard .scan-progress {
	height: 100%;
	background: var(--accent);
}

.ttm-accessflow-dashboard .disclaimer,
.ttm-accessflow-dashboard .pro-trial-banner,
.ttm-accessflow-dashboard .pro-upgrade-banner,
.ttm-accessflow-dashboard .webflow-notice {
	padding: 15px 25px;
	border-radius: var(--radius);
	border: 1px solid var(--border);
	background: var(--surface);
	margin-bottom: 12px;
}

.ttm-accessflow-dashboard .webflow-notice-success {
	border-color: #12b76a;
}

.ttm-accessflow-dashboard .webflow-notice-error {
	border-color: var(--danger);
}

.ttm-accessflow-dashboard .ttm-modal-layer,
.ttm-modal-layer {
	position: fixed;
	inset: 0;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 20px;
	background: rgba(15, 17, 23, 0.55);
	z-index: 100000;
	--accent: var(--ttm-skincolor, #635bff);
	--accent-soft: var(--light-purplecolor, rgba(99, 91, 255, 0.12));
	--bg: var(--ttm-greycolor, #f4f5f8);
	--surface: var(--ttm-whitecolor, #ffffff);
	--text: var(--ttm-blackishcolor, #171923);
	--muted: var(--body-fonts-color, #5b6472);
	--border: var(--ttm-bordercolor, #d7dbe2);
	--danger: var(--dark-redcolor, #b42318);
	--radius: 15px;
	--shadow: var(--ttm-boxshadow, 0 14px 40px rgba(17, 24, 39, 0.08));
	color: var(--text);
	font-family: var(--body-font-family, system-ui, -apple-system, Segoe UI, Roboto, sans-serif);
	font-size: var(--body-font-size, 14px);
	line-height: var(--body-line-height, 1.45);
}

:root[data-theme="dark"] .ttm-modal-layer {
	--bg: #0f1117;
	--surface: #171923;
	--text: #f5f7fb;
	--muted: #ffe6f5;
	--border: #2a3140;
}

:root[data-theme="dark"] #issue-results .panel.issue-card{
	border: 2px solid;
}
:root[data-theme="dark"] .ttm-accessflow-dashboard div#scan-history article.site.scan-row p{
    color: #ffe6f5;
}
:root[data-theme="dark"] .ttm-modal-layer .issue-card p{
	color: #ffe6f5;	
}
:root[data-theme="dark"] .panel.fix_log > div,
:root[data-theme="dark"] .panel #report-history article.invoice{
	border: 1px solid;
}
:root[data-theme="dark"] .panel.fix_log #fix-log{
   border-radius: var(--radius);
}

:root[data-theme="dark"] input[type="text"], 
:root[data-theme="dark"] input[type="password"], 
:root[data-theme="dark"] input[type="email"], 
:root[data-theme="dark"] input[type="tel"], 
:root[data-theme="dark"] textarea:focus {
    color:var(--ttm-blackishcolor);
}
:root[data-theme="dark"] .ttm-accessflow-dashboard fieldset legend{
    color: var(--text);
}

.ttm-accessflow-dashboard .ttm-modal-layer.open,
.ttm-modal-layer.open {
	display: flex;
}

.ttm-modal-layer button,
.ttm-modal-layer .primary,
.ttm-modal-layer .secondary,
.ttm-modal-layer .ghost,
.ttm-modal-layer .danger {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 10px 14px;
	border-radius: 10px;
	border: 1px solid transparent;
	font: inherit;
	cursor: pointer;
	text-decoration: none;
}

.ttm-modal-layer .primary {
	background: var(--accent);
	color: #fff;
}

.ttm-modal-layer .secondary,
.ttm-modal-layer .ghost {
	background: var(--surface);
	border-color: var(--border);
	color: var(--text);
}

.ttm-modal-layer .danger {
	background: #fee4e2;
	color: var(--danger);
}

.ttm-modal-layer .billing-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}

.ttm-modal-layer input,
.ttm-modal-layer select,
.ttm-modal-layer textarea {
	padding: 10px 12px;
	border: 1px solid var(--border);
	border-radius: 10px;
	background: var(--surface);
	color: var(--text);
	font: inherit;
}

.ttm-modal-layer .muted {
	color: var(--muted);
}

.ttm-modal-layer .panel {
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: var(--radius);
	padding: 16px;
}

.ttm-modal-layer .ttm-modal {
	width: min(560px, 100%);
	background: var(--surface, #fff);
	color: var(--text, #171923);
	border-radius: 16px;
	padding: 16px;
	box-shadow: var(--shadow);
}
.ttm-modal-layer .ttm-modal .fix-confirm{
	flex-direction: row;
}

.ttm-modal-layer .ttm-modal:has(.issue-card) {
	width: min(920px, 100%);
}

.ttm-modal-layer .ttm-modal-body {
	max-height: min(70vh, 720px);
	overflow: auto;
}

.ttm-modal-layer .issue-card {
	display: block;
	margin-bottom: 12px;
}

.ttm-modal-layer .issue-card h2 {
    margin: 0 0 15px;
    font-size: 18px;
}

.ttm-modal-layer .issue-card p {
	margin: 0 0 8px;
}

.ttm-modal-layer .issue-card .billing-actions:not(.issue-ai-actions):not(.issue-meta-actions):not(.issue-auto-actions) {
	flex-direction: row;
	flex-wrap: wrap;
}

.ttm-modal-layer .issue-card > .billing-actions button {
	width: auto;
}

.ttm-modal-layer .issue-preview {
	margin: 8px 0;
}

.ttm-modal-layer .ai-output {
	white-space: pre-wrap;
	word-break: break-word;
	margin-top: 8px;
	padding: 10px 12px;
	background: var(--bg, #f4f5f8);
	border-radius: 10px;
}

.ttm-modal-layer header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 12px;
}

.ttm-accessflow-dashboard template {
	display: none !important;
}

.ttm-accessflow-auth {
	padding: 24px 16px 48px;
}

.ttm-accessflow-auth .auth-shell {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(320px, 420px);
	gap: 28px;
	align-items: center;
	max-width: 1080px;
	margin: 0 auto;
}

.ttm-accessflow-auth .auth-brand h1 {
	font-size: clamp(28px, 4vw, 40px);
	margin: 0 0 12px;
	line-height: 1.15;
}

.ttm-accessflow-auth .auth-logo {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	margin-bottom: 16px;
	border-radius: 16px;
	background: var(--accent-soft);
	color: var(--accent);
	font-size: 28px;
}

.ttm-accessflow-auth .auth-card {
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: 18px;
	box-shadow: var(--shadow);
	padding: 22px;
}

.ttm-accessflow-auth .auth-tabs {
	display: flex;
	gap: 8px;
	margin-bottom: 18px;
	padding: 4px;
	background: var(--bg);
	border-radius: 12px;
}

.ttm-accessflow-auth .auth-tab {
	flex: 1;
	border: 0;
	background: transparent;
	color: var(--muted);
	padding: 10px 12px;
	border-radius: 10px;
	font: inherit;
	cursor: pointer;
}

.ttm-accessflow-auth .auth-tab.active {
	background: var(--surface);
	color: var(--text);
	box-shadow: 0 1px 3px rgba(17, 24, 39, 0.08);
}

.ttm-accessflow-auth .auth-panel {
	display: none;
}

.ttm-accessflow-auth .auth-panel.active {
	display: block;
}

.ttm-accessflow-auth .auth-form label {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-bottom: 14px;
	font-weight: 500;
}

.ttm-accessflow-auth .auth-remember {
	flex-direction: row !important;
	align-items: center;
	gap: 8px !important;
	font-weight: 400 !important;
}

.ttm-accessflow-auth .auth-submit {
	width: 100%;
	margin-top: 4px;
}

.ttm-accessflow-auth .auth-alert {
	padding: 12px 14px;
	border-radius: 10px;
	margin-bottom: 14px;
	font-size: 14px;
}

.ttm-accessflow-auth .auth-alert.is-error {
	background: #fee4e2;
	color: #b42318;
	border: 1px solid #fecdca;
}

.ttm-accessflow-auth .auth-alert.is-success {
	background: #ecfdf3;
	color: #027a48;
	border: 1px solid #abefc6;
}

.ttm-accessflow-auth .auth-hint,
.ttm-accessflow-auth .auth-disabled-note {
	margin: 0 0 12px;
	font-size: 13px;
}

.ttm-accessflow-auth .auth-form.is-loading {
	opacity: 0.72;
	pointer-events: none;
}

@media (max-width: 900px) {
	.ttm-accessflow-auth .auth-shell {
		grid-template-columns: 1fr;
	}

	.ttm-accessflow-auth .auth-brand {
		text-align: center;
	}

	.ttm-accessflow-auth .auth-logo {
		margin-left: auto;
		margin-right: auto;
	}
}

body.ttm-accessflow-dashboard-page .widget-area,
body.ttm-accessflow-dashboard-page aside.sidebar,
body.ttm-accessflow-dashboard-page #secondary,
body.ttm-accessflow-dashboard-page .sidebar,
body.ttm-accessflow-dashboard-page .breadcrumb,
body.ttm-accessflow-dashboard-page .breadcrumbs,
body.ttm-accessflow-dashboard-page .page-header,
body.ttm-accessflow-dashboard-page .entry-header {
	display: none !important;
}

body.ttm-accessflow-dashboard-page .content-area,
body.ttm-accessflow-dashboard-page #primary,
body.ttm-accessflow-dashboard-page .site-content .container,
body.ttm-accessflow-dashboard-page .entry-content {
	max-width: none !important;
	width: 100% !important;
}

@media (max-width: 900px) {
	.ttm-accessflow-dashboard .shell {
		grid-template-columns: 1fr;
	}

	.ttm-accessflow-dashboard .side {
		display: none;
		position: fixed;
		inset: 0 auto 0 0;
		width: min(280px, 88vw);
		z-index: 1000;
		box-shadow: var(--shadow);
	}

	.ttm-accessflow-dashboard .side.open {
		display: flex;
	}

	.ttm-accessflow-dashboard .mobile-menu {
		display: inline-flex;
	}
}

.ttm-accessflow-dashboard .toolbar-position-picker {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
	margin: 8px 0 16px;
}

.ttm-accessflow-dashboard .toolbar-position-btn {
	border: 1px solid var(--border, #d8dbe3);
	background: var(--panel, #fff);
	color: inherit;
	border-radius: 10px;
	padding: 10px 12px;
	font: inherit;
	cursor: pointer;
	text-transform: capitalize;
}

.ttm-accessflow-dashboard .toolbar-position-btn.is-active {
	border-color: var(--accent, #635bff);
	box-shadow: inset 0 0 0 1px var(--accent, #635bff);
}

.ttm-accessflow-dashboard #toolbar-global-settings[hidden] {
	display: none;
}

.ttm-accessflow-dashboard #toolbar-feature-list,
.ttm-accessflow-dashboard #toolbar-embed-feature-list,
.ttm-accessflow-dashboard .toolbar-feature-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 10px 16px;
	border: 1px solid var(--border, #d8dbe3);
	border-radius: 12px;
	padding: 14px 16px;
	margin: 0 0 16px;
}

.ttm-accessflow-dashboard #toolbar-embed-features {
	border: 0;
	padding: 0;
	margin: 0 0 16px;
}

.ttm-accessflow-dashboard #toolbar-embed-features legend {
	font-weight: 600;
	margin-bottom: 6px;
	padding: 0;
}

.ttm-accessflow-dashboard .toolbar-feature {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
}

.ttm-accessflow-dashboard .toolbar-feature input[type="checkbox"] {
	width: 16px;
	height: 16px;
	accent-color: var(--accent, #635bff);
}

.ttm-accessflow-dashboard .toolbar-embed-status.is-error {
	color: #b42318;
}

.ttm-accessflow-dashboard .pro-trial-banner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}

.ttm-accessflow-dashboard .trial-banner-actions {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.ttm-accessflow-dashboard .billing-trial-checkout {
    margin: 16px 0;
    padding: 14px 16px;
    border: 1px solid var(--ttm-bordercolor);
    border-radius: var(--radius);
    background: var(--ttm-whitecolor);
}
.ttm-accessflow-dashboard .billing-trial-checkout button.primary {
    margin-right: 10px;
}
.ttm-accessflow-dashboard .billing-checkout-tools {
	display: grid;
	gap: 12px;
	margin-top: 16px;
}

.ttm-accessflow-dashboard .billing-field {
	display: grid;
	gap: 6px;
}

.ttm-accessflow-dashboard .billing-field span {
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--muted);
}

.ttm-accessflow-dashboard .billing-inline-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.ttm-accessflow-dashboard .billing-plans-panel {
	margin-top: 8px;
}

.ttm-accessflow-dashboard .plan-card {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 20px;
	border: 1px solid var(--border);
	border-radius: var(--radius);
	background: var(--surface);
	box-shadow: var(--shadow);
}

.ttm-accessflow-dashboard .plan-card.current {
	border-color: var(--accent);
}

.ttm-accessflow-dashboard .plan-card.trialing {
	border-color: #12b76a;
}

.ttm-accessflow-dashboard .plan-card-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.ttm-accessflow-dashboard .plan-card-head h3 {
	margin: 0;
	font-size: 18px;
}

.ttm-accessflow-dashboard .plan-price {
	margin: 0;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.1;
}

.ttm-accessflow-dashboard .plan-price span {
	font-size: 15px;
	font-weight: 500;
	color: var(--muted);
	    margin-left: 2px;
}

.ttm-accessflow-dashboard .plan-card-features {
	margin: 0;
	padding-left: 18px;
	color: var(--muted);
	font-size: 14px;
}

.ttm-accessflow-dashboard .plan-card-action {
	margin-top: auto;
}

.ttm-accessflow-dashboard .plan-upgrade-btn {
	width: 100%;
}

.ttm-accessflow-dashboard .plan-trial-note {
	margin: 8px 0 0;
	font-size: 13px;
}

.ttm-accessflow-dashboard .trial-badge,
.ttm-accessflow-dashboard .plan-current-badge {
	display: inline-flex;
	align-items: center;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	background: var(--accent-soft);
	color: var(--accent);
}

.ttm-accessflow-dashboard .trial-badge {
	background: rgba(18, 183, 106, 0.12);
	color: #12b76a;
}

.ttm-accessflow-dashboard .billing-checkout-notice {
	padding: 12px 14px;
	border-radius: var(--radius);
	margin-bottom: 16px;
	border: 1px solid var(--border);
	background: var(--surface);
}

.ttm-accessflow-dashboard .billing-checkout-notice-success {
	border-color: #12b76a;
}

.ttm-accessflow-dashboard .billing-checkout-notice-error {
	border-color: var(--danger);
}
section#onboarding-wizard .onboarding-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
#onboarding-wizard ol.onboarding-steps {
    padding: 0;
}
#onboarding-wizard ol.onboarding-steps .onboarding-action {
   margin-left: auto;
    text-align: right;
}
#onboarding-wizard ol.onboarding-steps .onboarding-action span.badge {
    padding: 8px 15px;
    font-size: 15px;
    font-weight: 400;
    color: var(--ttm-secondarycolor);			
}
.ttm-accessflow-dashboard .grid article.panel div#site-list article.site p {
    overflow-wrap: anywhere;
    font-size: 14px;
}
.ttm-accessflow-dashboard .grid article.panel div#site-list article.site {
    flex-wrap: wrap;
}
.ttm-accessflow-dashboard .grid article.panel div#site-list article.site h2 {
    font-size: 20px;
}
.ttm-accessflow-dashboard select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 18px;
}
div#scan-history label.scan-select {
    flex-direction: row;
    gap: 0;
}
div#scan-history label.scan-select input[type="checkbox"], div#scan-history label.scan-select input[type="radio"] {
    margin-top: 0;
}
.ttm-accessflow-dashboard div#scan-history article.site.scan-row h2 {
    font-size: 18px;
    margin-bottom: 3px;
}
.ttm-accessflow-dashboard div#scan-history article.site.scan-row p {
    margin-bottom: 0;
    font-size: 14px;
    color: var(--body-fonts-color);
}
.ttm-accessflow-dashboard div#scan-history article.site.scan-row .billing-actions {
    margin-left: auto;
    margin-bottom: 0;
}
article#embed-wizard ol.embed-steps {
    padding: 0;
    list-style: none;
}
article#embed-wizard ol.embed-steps li {
    margin-bottom: 5px;
}
article#embed-wizard ol.embed-steps li span.embed-step-num {
    margin-right: 5px;
}
div#websites-list article.site.site-active p {
    margin-bottom: 6px;
}
div#websites-list article.site.site-active p.muted {
    font-size: 15px;
    margin: 0;
}
.ttm-accessflow-dashboard .ttm-modal-layer.open form#issue-filters {
    margin-bottom: 20px;
}
article.panel.ai-feature-card button.primary {
    max-width: max-content;
}
.ttm-accessflow-dashboard div#ai-workspace article.panel h2 {
    font-size: 20px;
    line-height: 30px;
}
.ttm-accessflow-dashboard div#ai-workspace article.panel  div#ai-history-list article.panel {
    padding: 20px;
    margin-bottom: 5px;
}
.ttm-accessflow-dashboard div#ai-workspace article.panel div#ai-history-list article.panel h3 {
    font-size: 18px;
    margin-bottom: 8px;
}
.ttm-accessflow-dashboard div#ai-workspace article.panel div#ai-history-list article.panel p {
    margin: 0;
    font-size: 15px;
}
div#ai-workspace section.ai-feature-group > h2 {
    text-transform: capitalize;
    margin: 30px 0 15px;
}
.ttm-accessflow-dashboard #ttm-af-content  div#score-chart {
    margin-top: 10px;
}
.ttm-accessflow-dashboard #ttm-af-content #report-history article.invoice {
    margin-bottom: 15px;
}
.ttm-accessflow-dashboard #ttm-af-content #report-history article.invoice p {
    margin: 0;
    font-size: 15px;
    color: var(--body-fonts-color);
}
#manual-review-list ul.checklist li {
    margin-bottom: 20px;
}
#manual-review-list ul.checklist li:last-child {
    margin-bottom: 0;
}
#manual-review-list ul.checklist span.muted {
    margin-top: 5px;
    display: block;
}
.ttm-accessflow-dashboard .panel > h2 {
    margin: 0 0 15px;
}
#manual-review-list ul.checklist li:last-child label {
    margin-bottom: 0;
}
.ttm-accessflow-dashboard div#billing-trial-banner .pro-trial-banner {
    align-items: flex-start;
    padding-top: 20px;
    padding-bottom: 20px;
    gap: 20px;
}
div#home-trial-banner .pro-trial-banner {
    align-items: flex-start;
    padding: 20px 20px;
    gap: 20px;
}
.ttm-accessflow-dashboard #billing-checkout-notice[hidden] {
    padding: 0;
    border: 0;
    margin: 0;
}
#pro-features ul.pro-feature-list li strong {
    font-weight: 500;
}
.ttm-accessflow-dashboard #ttm-af-content form#invite-member {
    margin-bottom: 20px;
}
.ttm-accessflow-dashboard #ttm-af-content div#member-list article.site.member-row p {
    margin: 0;
    color: var(--body-fonts-color);
}
.ttm-accessflow-dashboard #ttm-af-content div#member-list article.site.member-row h2 {
    font-size: 18px;
    margin-bottom: 8px;
}
.ttm-accessflow-dashboard fieldset#client-site-picker label {
    flex-direction: row;
    gap: 2px;
}
form#branding-form button {
    max-width: max-content;
}
.ttm-accessflow-dashboard #ttm-af-content div#activity-list article.invoice p {
    margin: 0;
    font-size: 15px;
    color: var(--body-fonts-color);
}
article#webflow-connection-panel .webflow-connection-head {
    margin-bottom: 20px;
}