@import "../node_modules/@wordpress/dataviews/build-style/style.css";

.settings_page_aculect-ai-companion #wpcontent {
	padding: 0;
}

.aculect-ai-companion-settings-wrap {
	margin: 0;
}

.aculect-ai-companion-settings-app-root {
	margin-top: 0;
}

.aculect-ai-companion-app-root,
.aculect-ai-companion-role-abilities-modal {
	--aculect-ai-companion-ink: #0f172a;
	--aculect-ai-companion-muted: #64748b;
	--aculect-ai-companion-border: #e5e7eb;
	--aculect-ai-companion-surface: #fff;
	--aculect-ai-companion-soft: #f8fafc;
	--aculect-ai-companion-primary: #2563eb;
	--aculect-ai-companion-green: #0f9f5f;
	--aculect-ai-companion-orange: #f97316;
}

.aculect-ai-companion-app-root {
	width: 100%;
	max-width: none;
	min-height: 100vh;
	margin: 0;
	box-sizing: border-box;
	background: var(--aculect-ai-companion-soft);
	color: var(--aculect-ai-companion-ink);
}

.aculect-ai-companion-app-root *,
.aculect-ai-companion-app-root *::before,
.aculect-ai-companion-app-root *::after,
.aculect-ai-companion-role-abilities-modal *,
.aculect-ai-companion-role-abilities-modal *::before,
.aculect-ai-companion-role-abilities-modal *::after {
	box-sizing: border-box;
}

.aculect-ai-companion-app-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	min-height: 64px;
	margin: 0;
	padding: 8px 44px;
	border-bottom: 1px solid #e5e7eb;
	background: #fff;
}

.aculect-ai-companion-app-branding {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	gap: 12px;
	min-width: 0;
}

.aculect-ai-companion-app-icon {
	display: block;
	width: 44px;
	height: 44px;
	flex: 0 0 auto;
	object-fit: contain;
}

.aculect-ai-companion-app-heading {
	min-width: 0;
}

.aculect-ai-companion-app-title-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	min-width: 0;
}

.aculect-ai-companion-app-root .aculect-ai-companion-app-title {
	margin: 0;
	padding: 0;
	color: var(--aculect-ai-companion-ink);
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0;
	overflow-wrap: anywhere;
}

.aculect-ai-companion-version-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 24px;
	padding: 3px 10px;
	border: 1px solid #e5e7eb;
	border-radius: 999px;
	background: #f3f4f6;
	color: #475569;
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
}

.aculect-ai-companion-app-subtitle {
	margin: 2px 0 0;
	color: #64748b;
	font-size: 13px;
	line-height: 1.2;
}

.aculect-ai-companion-header-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 22px;
	min-width: 0;
}

.aculect-ai-companion-header-link {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	gap: 8px;
	min-height: 40px;
	color: #111827;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
}

.aculect-ai-companion-header-link:hover,
.aculect-ai-companion-header-link:focus {
	color: var(--aculect-ai-companion-primary);
	box-shadow: none;
	outline: none;
}

.aculect-ai-companion-header-link:focus-visible {
	border-radius: 4px;
	box-shadow: 0 0 0 2px var(--aculect-ai-companion-primary);
}

.aculect-ai-companion-header-divider {
	display: block;
	width: 1px;
	height: 28px;
	flex: 0 0 auto;
	background: #e5e7eb;
}

.aculect-ai-companion-admin-notices {
	margin: 0;
	padding: 16px 44px 0;
}

.aculect-ai-companion-admin-notices:empty {
	display: none;
	padding: 0;
}

.aculect-ai-companion-admin-notices .notice,
.aculect-ai-companion-admin-notices .updated,
.aculect-ai-companion-admin-notices .error {
	box-sizing: border-box;
	margin: 0 0 10px;
	width: 100%;
}

.aculect-ai-companion-admin-notices .notice:last-child,
.aculect-ai-companion-admin-notices .updated:last-child,
.aculect-ai-companion-admin-notices .error:last-child {
	margin-bottom: 0;
}

.aculect-ai-companion-status-notices {
	margin: 0;
	padding: 16px 44px 0;
}

.aculect-ai-companion-status-notices:empty {
	display: none;
	padding: 0;
}

.aculect-ai-companion-admin-notices:not(:empty) + .aculect-ai-companion-status-notices:not(:empty) {
	padding-top: 10px;
}

.aculect-ai-companion-status-notices .components-notice {
	box-sizing: border-box;
	margin: 0 0 10px;
	width: 100%;
}

.aculect-ai-companion-status-notices .components-notice:last-child {
	margin-bottom: 0;
}

.aculect-ai-companion-tabs {
	display: flex;
	align-items: stretch;
	gap: 32px;
	min-height: 45px;
	margin: 0;
	padding: 0 44px;
	border-bottom: 1px solid #e5e7eb;
	background: #fff;
	overflow-x: auto;
	scrollbar-width: thin;
}

.aculect-ai-companion-tab {
	position: relative;
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	justify-content: center;
	min-height: 45px;
	padding: 0 8px;
	border: 0;
	color: #1f2937;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
}

.aculect-ai-companion-tab:hover,
.aculect-ai-companion-tab:focus {
	color: var(--aculect-ai-companion-primary);
	box-shadow: none;
	outline: none;
}

.aculect-ai-companion-tab:focus-visible {
	border-radius: 4px;
	box-shadow: inset 0 0 0 2px var(--aculect-ai-companion-primary);
}

.aculect-ai-companion-tab.is-active {
	color: #0b55e5;
}

.aculect-ai-companion-tab.is-active::after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 2px;
	background: var(--aculect-ai-companion-primary);
	content: "";
}

.aculect-ai-companion-tab-panel {
	min-width: 0;
	padding: 24px 44px 48px;
}

.aculect-ai-companion-card.components-card {
	min-width: 0;
	border-color: var(--aculect-ai-companion-border);
	border-radius: 8px;
	box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04);
}

.aculect-ai-companion-card .components-card__header {
	font-size: 18px;
	font-weight: 800;
}

.aculect-ai-companion-tab-loading {
	display: grid;
	gap: 18px;
	min-height: 260px;
	padding: 24px;
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 8px;
	background: var(--aculect-ai-companion-surface);
	box-shadow: 0 10px 30px rgba(15, 23, 42, 0.035);
}

.aculect-ai-companion-tab-loading.is-error {
	min-height: auto;
}

.aculect-ai-companion-tab-loading__header {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: 16px;
	align-items: center;
	padding: 16px;
	border: 1px solid #dbe3ef;
	border-radius: 8px;
	background: #f8fafc;
}

.aculect-ai-companion-tab-loading__header h2 {
	margin: 4px 0 6px;
	font-size: 24px;
	line-height: 1.2;
	letter-spacing: 0;
}

.aculect-ai-companion-tab-loading__header p {
	margin: 0;
	color: var(--aculect-ai-companion-muted);
	font-size: 14px;
	line-height: 1.55;
}

.aculect-ai-companion-tab-loading__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border: 1px solid #dbeafe;
	border-radius: 8px;
	background: #eff6ff;
	color: var(--aculect-ai-companion-primary);
}

.aculect-ai-companion-tab-loading__spinner {
	display: inline-flex;
	width: 24px;
	height: 24px;
	border: 3px solid #dbeafe;
	border-top-color: var(--aculect-ai-companion-primary);
	border-radius: 999px;
	animation: aculect-ai-companion-spin 0.8s linear infinite;
}

.aculect-ai-companion-tab-loading__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.aculect-ai-companion-tab-loading__skeleton {
	min-height: 128px;
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 8px;
	background:
		linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.75), transparent),
		linear-gradient(#edf2f7 0 0) 18px 18px / 48px 12px no-repeat,
		linear-gradient(#f1f5f9 0 0) 18px 46px / 82% 10px no-repeat,
		linear-gradient(#f1f5f9 0 0) 18px 68px / 66% 10px no-repeat,
		#fff;
	background-size:
		220% 100%,
		48px 12px,
		82% 10px,
		66% 10px,
		auto;
	animation: aculect-ai-companion-skeleton 1.3s ease-in-out infinite;
}

@keyframes aculect-ai-companion-spin {

	to {
		transform: rotate(360deg);
	}
}

@keyframes aculect-ai-companion-skeleton {

	0% {
		background-position:
			-120% 0,
			18px 18px,
			18px 46px,
			18px 68px,
			0 0;
	}

	100% {
		background-position:
			120% 0,
			18px 18px,
			18px 46px,
			18px 68px,
			0 0;
	}
}

@media (prefers-reduced-motion: reduce) {

	.aculect-ai-companion-tab-loading__spinner,
	.aculect-ai-companion-tab-loading__skeleton {
		animation: none;
	}
}

.aculect-ai-companion-copy {
	max-width: 760px;
	margin: 0 0 12px;
	color: var(--aculect-ai-companion-muted);
	font-size: 15px;
	line-height: 1.6;
}

.aculect-ai-companion-copy--first {
	margin-top: 0;
}

.aculect-ai-companion-overview {
	display: grid;
	gap: 32px;
}

.aculect-ai-companion-overview-hero {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(340px, 0.82fr);
	gap: 40px;
	align-items: center;
	padding: 40px;
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 8px;
	background: var(--aculect-ai-companion-surface);
	box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04);
}

.aculect-ai-companion-overview-hero__content {
	display: grid;
	gap: 20px;
	align-content: center;
}

.aculect-ai-companion-eyebrow {
	color: #1d4ed8;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1.2;
	text-transform: uppercase;
}

.aculect-ai-companion-overview-hero__title {
	max-width: 720px;
	margin: 0;
	color: var(--aculect-ai-companion-ink);
	font-size: 40px;
	font-weight: 700;
	line-height: 1.12;
	letter-spacing: 0;
}

.aculect-ai-companion-overview-hero__copy {
	max-width: 620px;
	margin: 0;
	color: #334155;
	font-size: 16px;
	line-height: 1.65;
}

.aculect-ai-companion-overview-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 4px;
}

.aculect-ai-companion-overview-action.components-button {
	min-height: 48px;
	padding: 0 20px;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
}

.aculect-ai-companion-overview-action--primary.components-button.is-primary {
	background: var(--aculect-ai-companion-primary);
	box-shadow: none;
	color: #fff;
}

.aculect-ai-companion-overview-action--primary.components-button.is-primary:hover,
.aculect-ai-companion-overview-action--primary.components-button.is-primary:focus {
	background: #084ee0;
	color: #fff;
}

.aculect-ai-companion-overview-action--secondary.components-button.is-secondary {
	border: 1px solid var(--aculect-ai-companion-primary);
	box-shadow: none;
	color: var(--aculect-ai-companion-primary);
}

.aculect-ai-companion-overview-action--secondary.components-button.is-secondary:hover,
.aculect-ai-companion-overview-action--secondary.components-button.is-secondary:focus {
	border-color: #084ee0;
	box-shadow: none;
	color: #084ee0;
}

.aculect-ai-companion-overview-circuit {
	position: relative;
	min-height: 252px;
	overflow: hidden;
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 8px;
	background:
		linear-gradient(#eef4fb 1px, transparent 1px),
		linear-gradient(90deg, #eef4fb 1px, transparent 1px),
		var(--aculect-ai-companion-soft);
	background-size: 24px 24px;
}

.aculect-ai-companion-overview-circuit__logo {
	position: absolute;
	top: 50%;
	left: 50%;
	display: grid;
	width: 92px;
	height: 92px;
	place-items: center;
	transform: translate(-50%, -50%);
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 16px 32px rgba(15, 23, 42, 0.08);
}

.aculect-ai-companion-overview-circuit__logo img {
	display: block;
	width: 60px;
	height: 60px;
}

.aculect-ai-companion-overview-circuit__line,
.aculect-ai-companion-overview-circuit__node {
	position: absolute;
	background: var(--aculect-ai-companion-primary);
}

.aculect-ai-companion-overview-circuit__line {
	background: transparent;
	opacity: 1;
}

.aculect-ai-companion-overview-circuit__line.is-horizontal {
	top: 50%;
	left: 14%;
	width: 72%;
	height: 0;
	transform: translateY(-50%);
	border-top: 1px dashed rgba(37, 99, 235, 0.65);
}

.aculect-ai-companion-overview-circuit__line.is-vertical {
	top: 14%;
	left: 50%;
	width: 0;
	height: 72%;
	transform: translateX(-50%);
	border-left: 1px dashed rgba(37, 99, 235, 0.65);
}

.aculect-ai-companion-overview-circuit__node {
	width: 14px;
	height: 14px;
	border: 3px solid #dbeafe;
	border-radius: 50%;
	box-shadow: 0 0 0 5px rgba(37, 99, 235, 0.08);
}

.aculect-ai-companion-overview-circuit__node.is-top {
	top: 13%;
	left: calc(50% - 6px);
}

.aculect-ai-companion-overview-circuit__node.is-left {
	top: calc(50% - 6px);
	left: 13%;
	background: var(--aculect-ai-companion-green);
	border-color: #d1fae5;
	box-shadow: 0 0 0 5px rgba(15, 159, 95, 0.09);
}

.aculect-ai-companion-overview-circuit__node.is-right {
	top: calc(50% - 6px);
	right: 13%;
	background: var(--aculect-ai-companion-orange);
	border-color: #ffedd5;
	box-shadow: 0 0 0 5px rgba(249, 115, 22, 0.09);
}

.aculect-ai-companion-overview-circuit__node.is-bottom {
	bottom: 13%;
	left: calc(50% - 6px);
}

.aculect-ai-companion-overview-section {
	display: grid;
	gap: 20px;
}

.aculect-ai-companion-overview-section__title {
	margin: 0;
	color: var(--aculect-ai-companion-primary);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1.2;
	text-transform: uppercase;
}

.aculect-ai-companion-section-title-row {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 18px;
}

.aculect-ai-companion-section-title {
	max-width: 760px;
	margin: 6px 0 0;
	font-size: 24px;
	line-height: 1.2;
	letter-spacing: 0;
}

.aculect-ai-companion-feature-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

.aculect-ai-companion-feature-card {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	gap: 20px;
	align-content: start;
	min-height: 156px;
	padding: 28px 24px;
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 8px;
	background: var(--aculect-ai-companion-surface);
	box-shadow: 0 8px 22px rgba(15, 23, 42, 0.025);
}

.aculect-ai-companion-feature-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 8px;
	background: #edf5ff;
	color: var(--aculect-ai-companion-primary);
}

.aculect-ai-companion-feature-card__body {
	display: grid;
	gap: 12px;
	min-width: 0;
}

.aculect-ai-companion-feature-card__title {
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
}

.aculect-ai-companion-feature-card__copy {
	margin: 0;
	color: #334155;
	font-size: 14px;
	line-height: 1.65;
}

.aculect-ai-companion-control-banner {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: 20px;
	align-items: center;
	padding: 24px;
	border: 1px solid #bbf7d0;
	border-radius: 8px;
	background: #f0fdf4;
}

.aculect-ai-companion-control-banner__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 8px;
	background: #dcfce7;
	color: #052e16;
}

.aculect-ai-companion-control-banner__content h2 {
	margin: 0 0 4px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.25;
}

.aculect-ai-companion-control-banner__content p {
	margin: 0;
	color: #334155;
	font-size: 14px;
	line-height: 1.55;
}

.aculect-ai-companion-control-banner__link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--aculect-ai-companion-primary);
	font-size: 15px;
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap;
}

.aculect-ai-companion-control-banner__link:hover,
.aculect-ai-companion-control-banner__link:focus {
	color: #084ee0;
	box-shadow: none;
	outline: none;
}

.aculect-ai-companion-control-banner__link:focus-visible {
	border-radius: 4px;
	box-shadow: 0 0 0 2px var(--aculect-ai-companion-primary);
}

.aculect-ai-companion-side-panel {
	display: grid;
	gap: 12px;
	padding: 18px;
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 8px;
	background: var(--aculect-ai-companion-surface);
	box-shadow: 0 8px 22px rgba(15, 23, 42, 0.035);
}

.aculect-ai-companion-side-panel__heading {
	display: flex;
	align-items: center;
	gap: 10px;
}

.aculect-ai-companion-side-panel__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	flex: 0 0 auto;
	border-radius: 8px;
	background: #edf5ff;
	color: var(--aculect-ai-companion-primary);
}

.aculect-ai-companion-side-panel h3 {
	margin: 0;
	font-size: 16px;
	line-height: 1.25;
}

.aculect-ai-companion-side-panel p {
	margin: 0;
	color: var(--aculect-ai-companion-muted);
	line-height: 1.55;
}

.aculect-ai-companion-side-panel strong {
	font-size: 13px;
}

.aculect-ai-companion-side-panel__link {
	width: fit-content;
	font-weight: 800;
}

.aculect-ai-companion-requirements-list,
.aculect-ai-companion-help-link-list {
	display: grid;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.aculect-ai-companion-requirements-list li {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 8px;
	align-items: start;
	color: var(--aculect-ai-companion-muted);
	line-height: 1.45;
}

.aculect-ai-companion-requirement-empty {
	display: grid;
	gap: 10px;
}

.aculect-ai-companion-help-link-list a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-weight: 700;
}

.aculect-ai-companion-connectors,
.aculect-ai-companion-provider-list {
	display: grid;
	gap: 14px;
	min-width: 0;
}

.aculect-ai-companion-help-text {
	margin: -4px 0 0;
	color: var(--aculect-ai-companion-muted);
	font-size: 13px;
	line-height: 1.5;
}

.aculect-ai-companion-tab-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	justify-content: flex-end;
	min-width: 0;
}

.aculect-ai-companion-connect {
	display: grid;
	gap: 24px;
}

.aculect-ai-companion-connect-step-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
	gap: 20px;
	align-items: stretch;
}

.aculect-ai-companion-connect-card {
	min-width: 0;
	padding: 24px;
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 8px;
	background: var(--aculect-ai-companion-surface);
	box-shadow: none;
}

.aculect-ai-companion-connect-card--providers,
.aculect-ai-companion-connect-card--approval,
.aculect-ai-companion-connect-card--url {
	display: grid;
	gap: 20px;
}

.aculect-ai-companion-connect-step-heading {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 14px;
	align-items: start;
}

.aculect-ai-companion-connect-step-number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 999px;
	background: var(--aculect-ai-companion-primary);
	color: #fff;
	font-size: 15px;
	font-weight: 800;
	line-height: 1;
}

.aculect-ai-companion-connect-step-heading h2 {
	margin: 0;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.25;
}

.aculect-ai-companion-connect-step-heading p {
	margin: 6px 0 0;
	color: var(--aculect-ai-companion-muted);
	font-size: 14px;
	line-height: 1.55;
}

.aculect-ai-companion-connect-url-panel {
	padding: 16px;
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 8px;
	background: #fff;
}

.aculect-ai-companion-connect-secure-note {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #475569;
	font-size: 12px;
	line-height: 1.45;
}

.aculect-ai-companion-connect-secure-note svg {
	flex: 0 0 auto;
	color: var(--aculect-ai-companion-ink);
}

.aculect-ai-companion-connection-status {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 12px;
	align-content: start;
	padding: 20px;
}

.aculect-ai-companion-connection-status h3 {
	margin: 0 0 6px;
	font-size: 16px;
	line-height: 1.3;
}

.aculect-ai-companion-connection-status p {
	margin: 0 0 10px;
	color: var(--aculect-ai-companion-muted);
	font-size: 14px;
	line-height: 1.55;
}

.aculect-ai-companion-connection-status strong {
	display: block;
	margin-bottom: 14px;
	color: var(--aculect-ai-companion-ink);
	font-size: 13px;
}

.aculect-ai-companion-connection-status__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border-radius: 999px;
	background: #dcfce7;
	color: #16a34a;
}

.aculect-ai-companion-connection-status.is-paused
.aculect-ai-companion-connection-status__icon {
	background: #ffedd5;
	color: #9a3412;
}

.aculect-ai-companion-connection-status__link {
	display: inline-flex;
	width: fit-content;
	color: var(--aculect-ai-companion-primary);
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
}

.aculect-ai-companion-connection-status__link:hover,
.aculect-ai-companion-connection-status__link:focus {
	color: #1d4ed8;
	box-shadow: none;
	outline: none;
}

.aculect-ai-companion-connect-capabilities {
	display: grid;
	gap: 16px;
	margin-top: 4px;
}

.aculect-ai-companion-connect-capabilities h2 {
	margin: 0;
	font-size: 18px;
	line-height: 1.25;
}

.aculect-ai-companion-connect-capabilities > p {
	margin: -6px 0 0;
	color: var(--aculect-ai-companion-muted);
	font-size: 13px;
	line-height: 1.5;
}

.aculect-ai-companion-connect-capability-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	gap: 16px;
}

.aculect-ai-companion-connect-capability-card {
	display: grid;
	gap: 12px;
	min-width: 0;
	padding: 16px;
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 8px;
	background: #fff;
}

.aculect-ai-companion-connect-capability-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 8px;
	background: #eff6ff;
	color: var(--aculect-ai-companion-primary);
}

.aculect-ai-companion-connect-capability-card__icon.is-green {
	background: #dcfce7;
	color: #16a34a;
}

.aculect-ai-companion-connect-capability-card__icon.is-purple {
	background: #f3e8ff;
	color: #7e22ce;
}

.aculect-ai-companion-connect-capability-card__icon.is-orange {
	background: #fff7ed;
	color: #f97316;
}

.aculect-ai-companion-connect-capability-card h3 {
	margin: 0 0 6px;
	font-size: 14px;
	line-height: 1.35;
}

.aculect-ai-companion-connect-capability-card p {
	margin: 0;
	color: var(--aculect-ai-companion-muted);
	font-size: 13px;
	line-height: 1.5;
}

.aculect-ai-companion-connect-request-panel {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: 14px;
	align-items: center;
	padding: 16px;
	border: 1px solid #bfdbfe;
	border-radius: 8px;
	background: #eff6ff;
}

.aculect-ai-companion-connect-request-panel__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 999px;
	background: #dbeafe;
	color: var(--aculect-ai-companion-ink);
}

.aculect-ai-companion-connect-request-panel strong {
	display: block;
	margin-bottom: 4px;
	font-size: 14px;
	line-height: 1.3;
}

.aculect-ai-companion-connect-request-panel p {
	margin: 0;
	color: var(--aculect-ai-companion-muted);
	font-size: 13px;
	line-height: 1.45;
}

.aculect-ai-companion-connect-request-panel__button.components-button.is-secondary {
	justify-self: end;
	min-height: 36px;
	border-color: var(--aculect-ai-companion-primary);
	color: var(--aculect-ai-companion-primary);
	font-weight: 700;
}

.aculect-ai-companion-connect__heading {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
}

.aculect-ai-companion-connect__heading h1 {
	margin: 0;
	font-size: 28px;
	line-height: 1.18;
}

.aculect-ai-companion-connect__heading p {
	max-width: 620px;
	margin: 8px 0 0;
	color: var(--aculect-ai-companion-muted);
	font-size: 15px;
	line-height: 1.55;
}

.aculect-ai-companion-setup-wizard {
	display: grid;
	grid-template-columns: minmax(220px, 310px) minmax(0, 1fr);
	gap: 24px;
	align-items: start;
}

.aculect-ai-companion-assistant-selector {
	display: grid;
	gap: 14px;
	min-width: 0;
}

.aculect-ai-companion-assistant-selector h2,
.aculect-ai-companion-setup-wizard__intro h2,
.aculect-ai-companion-wizard-step-panel h3,
.aculect-ai-companion-connect-section-heading h2,
.aculect-ai-companion-pending-requests h2 {
	margin: 0;
	line-height: 1.25;
}

.aculect-ai-companion-assistant-selector__list {
	display: grid;
	gap: 10px;
}

.aculect-ai-companion-assistant-card {
	position: relative;
	display: grid;
	grid-template-columns: 40px minmax(0, 1fr);
	gap: 4px 12px;
	align-items: start;
	width: 100%;
	min-height: 72px;
	padding: 12px;
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 8px;
	background: #fff;
	color: var(--aculect-ai-companion-ink);
	text-align: left;
}

.aculect-ai-companion-assistant-card:hover,
.aculect-ai-companion-assistant-card:focus-within {
	border-color: #93c5fd;
	box-shadow: 0 0 0 1px #93c5fd;
	outline: none;
}

.aculect-ai-companion-assistant-card.is-selected {
	border-color: var(--aculect-ai-companion-primary);
	background: #f0f6fc;
	box-shadow: 0 0 0 1px var(--aculect-ai-companion-primary);
}

.aculect-ai-companion-assistant-card__button {
	position: absolute;
	z-index: 1;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	border: 0;
	border-radius: inherit;
	background: transparent;
	cursor: pointer;
}

.aculect-ai-companion-assistant-card__button:focus {
	outline: none;
}

.aculect-ai-companion-assistant-card__identity {
	display: block;
	min-width: 0;
}

.aculect-ai-companion-assistant-card strong {
	display: block;
	font-size: 14px;
	line-height: 1.35;
}

.aculect-ai-companion-assistant-card__byline {
	display: block;
	margin-top: 3px;
	color: var(--aculect-ai-companion-muted);
	font-size: 12px;
	line-height: 1.35;
}

.aculect-ai-companion-assistant-card__byline a {
	position: relative;
	z-index: 2;
	color: var(--aculect-ai-companion-primary);
	font-weight: 600;
	text-decoration: none;
}

.aculect-ai-companion-assistant-card__byline a:focus,
.aculect-ai-companion-assistant-card__byline a:hover {
	text-decoration: underline;
}

.aculect-ai-companion-setup-wizard__main {
	display: grid;
	gap: 18px;
	min-width: 0;
}

.aculect-ai-companion-setup-wizard__intro {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
}

.aculect-ai-companion-setup-wizard__intro p {
	margin: 6px 0 0;
	color: var(--aculect-ai-companion-muted);
	line-height: 1.5;
}

.aculect-ai-companion-estimated-time {
	flex: 0 0 auto;
	padding: 5px 9px;
	border: 1px solid #bfdbfe;
	border-radius: 999px;
	background: #eff6ff;
	color: var(--aculect-ai-companion-primary);
	font-size: 12px;
	font-weight: 700;
}

.aculect-ai-companion-wizard-progress {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 8px;
}

.aculect-ai-companion-wizard-progress__step {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 8px;
	align-items: center;
	min-width: 0;
	padding: 8px 10px;
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 8px;
	background: #fff;
	color: var(--aculect-ai-companion-muted);
	cursor: pointer;
}

.aculect-ai-companion-wizard-progress__number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border-radius: 999px;
	background: #f0f0f1;
	color: #50575e;
	font-size: 12px;
	font-weight: 800;
}

.aculect-ai-companion-wizard-progress__title {
	overflow: hidden;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.25;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.aculect-ai-companion-wizard-progress__step.is-active {
	border-color: var(--aculect-ai-companion-primary);
	background: #f0f6fc;
	color: var(--aculect-ai-companion-ink);
}

.aculect-ai-companion-wizard-progress__step.is-active
.aculect-ai-companion-wizard-progress__number,
.aculect-ai-companion-wizard-progress__step.is-complete
.aculect-ai-companion-wizard-progress__number {
	background: var(--aculect-ai-companion-primary);
	color: #fff;
}

.aculect-ai-companion-wizard-step-panel {
	display: grid;
	gap: 18px;
	min-width: 0;
}

.aculect-ai-companion-wizard-step-panel__header {
	display: grid;
	gap: 8px;
	min-width: 0;
}

.aculect-ai-companion-wizard-step-panel__heading {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 14px;
	align-items: start;
}

.aculect-ai-companion-wizard-step-panel__heading p,
.aculect-ai-companion-wizard-step-panel__copy,
.aculect-ai-companion-wizard-copy-field > p {
	margin: 6px 0 0;
	color: var(--aculect-ai-companion-muted);
	line-height: 1.55;
}

.aculect-ai-companion-wizard-instructions {
	display: grid;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: wizard-step;
}

.aculect-ai-companion-wizard-instructions li {
	position: relative;
	display: grid;
	gap: 4px;
	padding: 13px 14px 13px 44px;
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 8px;
	background: #fff;
	counter-increment: wizard-step;
}

.aculect-ai-companion-wizard-instructions li::before {
	content: counter(wizard-step);
	position: absolute;
	top: 13px;
	left: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border-radius: 999px;
	background: #eff6ff;
	color: var(--aculect-ai-companion-primary);
	font-size: 12px;
	font-weight: 800;
}

.aculect-ai-companion-wizard-instructions strong {
	font-size: 14px;
	line-height: 1.35;
}

.aculect-ai-companion-wizard-instructions p {
	margin: 0;
	color: var(--aculect-ai-companion-muted);
	font-size: 13px;
	line-height: 1.5;
}

.aculect-ai-companion-wizard-copy-fields {
	display: grid;
	gap: 12px;
}

.aculect-ai-companion-wizard-copy-field {
	display: grid;
	gap: 8px;
	padding: 14px;
	border: 1px solid #bfdbfe;
	border-radius: 8px;
	background: #eff6ff;
}

.aculect-ai-companion-wizard-help {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 10px;
	padding: 12px;
	border-radius: 8px;
	background: #f6f7f7;
	color: var(--aculect-ai-companion-ink);
}

.aculect-ai-companion-wizard-help p {
	margin: 3px 0 0;
	color: var(--aculect-ai-companion-muted);
	font-size: 13px;
	line-height: 1.45;
}

.aculect-ai-companion-wizard-complete {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.aculect-ai-companion-wizard-complete__item {
	padding: 5px 8px;
	border: 1px solid #bbf7d0;
	border-radius: 999px;
	background: #f0fdf4;
	color: #166534;
	font-size: 12px;
	font-weight: 700;
}

.aculect-ai-companion-wizard-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	justify-content: flex-end;
	padding-top: 4px;
}

.aculect-ai-companion-connect-section-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.aculect-ai-companion-connect-section-heading p {
	margin: 6px 0 0;
	color: var(--aculect-ai-companion-muted);
	line-height: 1.5;
}

.aculect-ai-companion-pending-requests {
	display: grid;
	gap: 14px;
}

.aculect-ai-companion-pending-requests__list {
	display: grid;
	gap: 12px;
}

.aculect-ai-companion-pending-request {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 8px 14px;
	align-items: center;
	padding: 14px;
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 8px;
	background: #fff;
}

.aculect-ai-companion-pending-request p {
	margin: 0;
	color: var(--aculect-ai-companion-muted);
}

.aculect-ai-companion-lockdown {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	margin: 0 0 18px;
	padding: 16px;
	border: 1px solid #f0b849;
	border-radius: 8px;
	background: #fff8e5;
}

.aculect-ai-companion-lockdown.is-paused {
	border-color: #d63638;
	background: #fcf0f1;
}

.aculect-ai-companion-lockdown__content {
	display: grid;
	gap: 4px;
}

.aculect-ai-companion-lockdown__content p {
	margin: 0;
	color: var(--aculect-ai-companion-muted);
	line-height: 1.5;
}

.aculect-ai-companion-connections-dashboard {
	display: grid;
	gap: 18px;
	min-width: 0;
}

.aculect-ai-companion-lockdown--connections {
	margin: 0;
}

.aculect-ai-companion-connections-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
	gap: 18px;
	align-items: start;
	min-width: 0;
}

.aculect-ai-companion-connections-main,
.aculect-ai-companion-connections-sidebar {
	display: grid;
	gap: 16px;
	min-width: 0;
}

.aculect-ai-companion-connections-sidebar {
	position: sticky;
	top: 44px;
}

.aculect-ai-companion-connections-table__primary {
	display: block;
	max-width: 100%;
	margin-bottom: 4px;
	overflow: hidden;
	color: var(--aculect-ai-companion-ink);
	text-overflow: ellipsis;
	white-space: nowrap;
}

.aculect-ai-companion-connections-table__secondary {
	display: block;
	max-width: 100%;
	overflow: hidden;
	color: var(--aculect-ai-companion-muted);
	font-size: 12px;
	line-height: 1.45;
	overflow-wrap: anywhere;
	text-overflow: ellipsis;
}

.aculect-ai-companion-data-view {
	min-width: 0;
	overflow: hidden;
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 8px;
	background: var(--aculect-ai-companion-surface);
}

.aculect-ai-companion-data-view .dataviews-wrapper {
	background: var(--aculect-ai-companion-surface);
}

.aculect-ai-companion-data-view .dataviews-filters__container,
.aculect-ai-companion-data-view .dataviews-view-table {
	padding-right: 16px;
	padding-left: 16px;
}

.aculect-ai-companion-data-view .dataviews-filters__container {
	padding-top: 16px;
}

.aculect-ai-companion-data-view .dataviews-view-table {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.aculect-ai-companion-data-view .dataviews-view-table table {
	min-width: 1060px;
}

.aculect-ai-companion-data-view--abilities .dataviews-view-table table {
	width: 100%;
	min-width: 0;
	table-layout: fixed;
}

.aculect-ai-companion-data-view--connections .dataviews-view-table table {
	width: 100%;
	min-width: 0;
	table-layout: fixed;
}

.aculect-ai-companion-data-view--connections
.dataviews-view-table
td:first-child
.dataviews-view-table__cell-content-wrapper {
	width: 100%;
	min-width: 0;
	max-width: 100%;
	justify-content: flex-start;
}

.aculect-ai-companion-data-view--connections
.dataviews-view-table
td:last-child
.dataviews-view-table__cell-content-wrapper {
	width: 100%;
	min-width: 0;
	max-width: 100%;
	justify-content: center;
}

.aculect-ai-companion-data-view .dataviews-footer {
	padding: 12px 16px 16px;
}

.aculect-ai-companion-data-view__stack {
	display: grid;
	gap: 4px;
	min-width: 0;
}

.aculect-ai-companion-data-view__loading {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 88px;
	padding: 18px;
	color: var(--aculect-ai-companion-muted);
	font-weight: 700;
}

.aculect-ai-companion-connection-assistant-cell {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	min-width: 0;
}

.aculect-ai-companion-connection-provider-logo {
	width: 32px;
	height: 32px;
	border-radius: 8px;
	font-size: 11px;
}

.aculect-ai-companion-connection-provider-logo svg,
.aculect-ai-companion-connection-provider-logo img {
	width: 18px;
	height: 18px;
}

.aculect-ai-companion-connection-effective-abilities {
	display: grid;
	gap: 3px;
	justify-items: start;
	min-width: 0;
}

.aculect-ai-companion-connection-effective-abilities
.components-button.is-link {
	height: auto;
	min-height: 0;
	padding: 0;
	font-weight: 600;
	line-height: 1.35;
	text-decoration: none;
}

.aculect-ai-companion-connection-access .components-button.is-link {
	height: auto;
	min-height: 0;
	padding: 0;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.35;
	text-decoration: none;
}

.aculect-ai-companion-connection-access .components-button.is-link:hover,
.aculect-ai-companion-connection-access .components-button.is-link:focus {
	color: #1d4ed8;
	text-decoration: underline;
}

.aculect-ai-companion-connection-effective-abilities
.components-button.is-link:hover,
.aculect-ai-companion-connection-effective-abilities
.components-button.is-link:focus {
	color: #1d4ed8;
	text-decoration: underline;
}

.aculect-ai-companion-connection-effective-abilities span {
	color: var(--aculect-ai-companion-muted);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.35;
}

.aculect-ai-companion-connection-status-cell {
	display: grid;
	gap: 4px;
	min-width: 0;
}

.aculect-ai-companion-connection-status-cell__summary {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	align-items: center;
	min-width: 0;
}

.aculect-ai-companion-connection-abilities-modal.components-modal__frame {
	width: min(680px, calc(100vw - 32px));
}

.aculect-ai-companion-connection-access-modal.components-modal__frame {
	width: min(560px, calc(100vw - 32px));
}

.aculect-ai-companion-connection-abilities-modal__intro {
	display: flex;
	gap: 12px;
	align-items: center;
	margin-bottom: 16px;
}

.aculect-ai-companion-connection-access-modal__intro {
	display: grid;
	grid-template-columns: 40px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
	margin-bottom: 16px;
}

.aculect-ai-companion-connection-access-modal__intro
.aculect-ai-companion-connection-provider-logo {
	justify-self: start;
	width: 40px;
	height: 40px;
}

.aculect-ai-companion-connection-modal__identity strong,
.aculect-ai-companion-connection-modal__identity span {
	display: block;
}

.aculect-ai-companion-connection-modal__identity strong {
	color: var(--aculect-ai-companion-ink);
	font-size: 15px;
	line-height: 1.3;
	overflow-wrap: anywhere;
}

.aculect-ai-companion-connection-modal__identity span {
	color: var(--aculect-ai-companion-muted);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.4;
}

.aculect-ai-companion-connection-abilities-modal__list {
	display: grid;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.aculect-ai-companion-connection-abilities-modal__list li {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 12px;
	align-items: start;
	padding: 12px;
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 8px;
	background: #fff;
}

.aculect-ai-companion-connection-abilities-modal__list strong {
	display: block;
	margin-bottom: 4px;
	color: var(--aculect-ai-companion-ink);
	font-size: 14px;
	line-height: 1.3;
}

.aculect-ai-companion-connection-abilities-modal__list p {
	margin: 0;
	color: var(--aculect-ai-companion-muted);
	font-size: 13px;
	line-height: 1.45;
}

.aculect-ai-companion-connection-abilities-modal__list code {
	justify-self: end;
	max-width: 220px;
}

.aculect-ai-companion-connection-abilities-modal__copy {
	margin: 0 0 12px;
	color: var(--aculect-ai-companion-muted);
	font-size: 13px;
	line-height: 1.55;
}

.aculect-ai-companion-connection-policy-notes {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0 0 14px;
	padding: 0;
	list-style: none;
}

.aculect-ai-companion-connection-policy-notes li {
	padding: 3px 8px;
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 999px;
	background: var(--aculect-ai-companion-soft);
	color: var(--aculect-ai-companion-muted);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.3;
}

.aculect-ai-companion-connection-access-modal__copy {
	margin: 0 0 16px;
	color: var(--aculect-ai-companion-muted);
	font-size: 13px;
	line-height: 1.55;
}

.aculect-ai-companion-connection-access-modal__description {
	margin: 0;
	padding: 12px;
	border: 1px solid #bfdbfe;
	border-radius: 8px;
	background: #eff6ff;
	color: var(--aculect-ai-companion-ink);
	font-size: 13px;
	line-height: 1.45;
}

.aculect-ai-companion-connection-access-modal__warning {
	margin: 0;
	padding: 12px;
	border: 1px solid #fed7aa;
	border-radius: 8px;
	background: #fff7ed;
	color: #9a3412;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.45;
}

.aculect-ai-companion-connection-status-chip {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	min-height: 24px;
	margin-bottom: 0;
	padding: 3px 8px;
	border-radius: 999px;
	background: #f0f0f1;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.2;
	text-transform: uppercase;
}

.aculect-ai-companion-connection-status-chip.is-active {
	background: #edfaef;
	color: var(--aculect-ai-companion-green);
}

.aculect-ai-companion-connection-status-chip.is-paused {
	background: #fff4e5;
	color: #8a4b00;
}

.aculect-ai-companion-connection-status-chip.is-revoked {
	background: #fcf0f1;
	color: #b32d2e;
}

.aculect-ai-companion-connection-access {
	display: grid;
	gap: 4px;
	min-width: 0;
}

.aculect-ai-companion-connection-access__summary {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	align-items: center;
	min-width: 0;
}

.aculect-ai-companion-connection-access__meta {
	color: var(--aculect-ai-companion-muted);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.35;
}

.aculect-ai-companion-connection-access__pill {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	min-height: 24px;
	padding: 3px 8px;
	border-radius: 999px;
	background: #f1f5f9;
	color: #475569;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.2;
}

.aculect-ai-companion-connection-access__pill.is-read {
	background: #eef2ff;
	color: #3730a3;
}

.aculect-ai-companion-connection-access__pill.is-write {
	background: #edfaef;
	color: var(--aculect-ai-companion-green);
}

.aculect-ai-companion-connection-action-menu {
	position: relative;
	width: fit-content;
}

.aculect-ai-companion-connection-action-menu__trigger {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 8px;
	background: var(--aculect-ai-companion-surface);
	color: var(--aculect-ai-companion-muted);
	cursor: pointer;
	list-style: none;
}

.aculect-ai-companion-connection-action-menu__trigger::-webkit-details-marker {
	display: none;
}

.aculect-ai-companion-connection-action-menu__trigger:hover,
.aculect-ai-companion-connection-action-menu__trigger:focus {
	border-color: #93c5fd;
	color: var(--aculect-ai-companion-primary);
	outline: none;
}

.aculect-ai-companion-connection-action-menu__trigger:focus-visible {
	box-shadow: 0 0 0 2px var(--aculect-ai-companion-primary);
}

.aculect-ai-companion-connection-action-menu__content {
	position: absolute;
	z-index: 20;
	top: calc(100% + 6px);
	right: 0;
	padding: 8px;
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 8px;
	background: var(--aculect-ai-companion-surface);
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.14);
}

.aculect-ai-companion-connection-action-menu:not([open])
.aculect-ai-companion-connection-action-menu__content {
	display: none;
}

.aculect-ai-companion-connection-action-menu__button.components-button {
	width: 34px;
	min-width: 34px;
	height: 34px;
	padding: 0;
	justify-content: center;
}

.aculect-ai-companion-connection-action-note {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 8px;
	color: var(--aculect-ai-companion-muted);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.4;
}

.aculect-ai-companion-danger-zone--connections {
	display: flex;
	justify-content: flex-end;
	margin-top: 0;
}

.aculect-ai-companion-provider-card {
	display: grid;
	gap: 0;
	min-width: 0;
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 8px;
	background: #fff;
}

.aculect-ai-companion-provider-card.is-open {
	border-color: #dbe3ef;
}

.aculect-ai-companion-provider-card__header {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: 16px;
	align-items: center;
	padding: 18px 20px;
}

.aculect-ai-companion-provider-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 8px;
	background: #eff6ff;
	color: var(--aculect-ai-companion-primary);
	font-size: 13px;
	font-weight: 800;
	line-height: 1;
}

.aculect-ai-companion-provider-badge svg,
.aculect-ai-companion-provider-badge img {
	display: block;
	width: 21px;
	height: 21px;
}

.aculect-ai-companion-provider-badge svg {
	fill: currentcolor;
}

.aculect-ai-companion-provider-badge img {
	object-fit: contain;
}

.aculect-ai-companion-provider-badge.is-chatgpt {
	background: #f2f7f5;
	color: #111827;
}

.aculect-ai-companion-provider-badge.is-claude {
	background: #fff7ed;
	color: #d97757;
}

.aculect-ai-companion-provider-badge.is-codex {
	background: #eef2ff;
	color: #111827;
}

.aculect-ai-companion-provider-badge.is-cursor {
	background: #ecfdf5;
	color: #047857;
}

.aculect-ai-companion-provider-badge.is-gemini {
	background: #eef5ff;
	color: #1a73e8;
}

.aculect-ai-companion-provider-badge.is-mcp {
	background: #f8fafc;
	color: #111827;
}

.aculect-ai-companion-provider-card__title {
	margin: 0 0 4px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
}

.aculect-ai-companion-provider-card__description {
	margin: 0;
	color: var(--aculect-ai-companion-muted);
	font-size: 13px;
	line-height: 1.5;
}

.aculect-ai-companion-provider-toggle.components-button.is-secondary {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 36px;
	border-color: var(--aculect-ai-companion-primary);
	color: var(--aculect-ai-companion-primary);
	font-size: 13px;
	font-weight: 700;
}

.aculect-ai-companion-provider-panel {
	display: grid;
	gap: 16px;
	min-width: 0;
	padding: 0 20px 18px 72px;
}

.aculect-ai-companion-section-heading {
	margin: 0 0 12px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

.aculect-ai-companion-connect-info-message {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 12px;
	align-items: start;
	padding: 14px;
	border: 1px solid #bfdbfe;
	border-radius: 8px;
	background: #eff6ff;
}

.aculect-ai-companion-connect-info-message span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 999px;
	background: #dbeafe;
	color: var(--aculect-ai-companion-primary);
}

.aculect-ai-companion-connect-info-message p {
	margin: 0;
	color: var(--aculect-ai-companion-ink);
	font-size: 13px;
	line-height: 1.45;
}

.aculect-ai-companion-danger-zone {
	margin-top: 18px;
}

.aculect-ai-companion-copy-field {
	margin-bottom: 14px;
}

.aculect-ai-companion-copy-field__label {
	display: block;
	margin-bottom: 6px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

.aculect-ai-companion-copy-field__control {
	display: flex;
	max-width: 100%;
}

.aculect-ai-companion-copy-field__control:focus-within {
	border-radius: 8px;
	box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.18);
}

.aculect-ai-companion-copy-field__input,
.aculect-ai-companion-copy-field__display {
	flex: 1 1 auto;
	min-width: 0;
	min-height: 40px;
	margin: 0;
	padding: 8px 10px;
	border: 1px solid var(--aculect-ai-companion-border);
	border-right: 0;
	border-radius: 8px 0 0 8px;
	background: #fff;
	color: var(--aculect-ai-companion-ink);
	font-family:
		ui-monospace,
		SFMono-Regular,
		Menlo,
		Monaco,
		Consolas,
		monospace;
	font-size: 13px;
	line-height: 1.5;
}

.aculect-ai-companion-copy-field__input {
	height: 40px;
	overflow-x: auto;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.aculect-ai-companion-copy-field__display {
	display: block;
	overflow-wrap: anywhere;
	white-space: pre-wrap;
}

.aculect-ai-companion-copy-field__display:focus-visible,
.aculect-ai-companion-copy-field__input:focus-visible {
	outline: 2px solid var(--aculect-ai-companion-primary);
	outline-offset: -2px;
}

.aculect-ai-companion-copy-field__button.components-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	min-width: 44px;
	height: auto;
	min-height: 40px;
	padding: 0;
	border-radius: 0 8px 8px 0;
	align-self: stretch;
}

.aculect-ai-companion-copy-field__button.components-button.is-secondary {
	box-shadow: inset 0 0 0 1px var(--aculect-ai-companion-border);
}

.aculect-ai-companion-copy-field__icon {
	display: inline-flex;
	color: currentcolor;
}

.aculect-ai-companion-copy-field__icon svg {
	fill: currentcolor;
}

.aculect-ai-companion-session-list {
	display: grid;
	gap: 12px;
}

.aculect-ai-companion-session-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 16px;
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 8px;
	background: var(--aculect-ai-companion-soft);
}

.aculect-ai-companion-session-row__main {
	display: grid;
	gap: 4px;
}

.aculect-ai-companion-session-row__main span {
	color: var(--aculect-ai-companion-muted);
}

.aculect-ai-companion-session-row__main code {
	width: fit-content;
	padding: 2px 6px;
	border-radius: 4px;
	background: #fff;
}

.aculect-ai-companion-action-form {
	margin: 0;
}

.aculect-ai-companion-connection-access-form {
	display: grid;
	gap: 14px;
}

.aculect-ai-companion-connection-access-field {
	margin-bottom: 0;
}

.aculect-ai-companion-connection-access-submit {
	justify-self: start;
	margin-top: 2px;
}

.aculect-ai-companion-form--abilities {
	display: grid;
	gap: 20px;
}

.aculect-ai-companion-ability-toolbar {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.aculect-ai-companion-confirmation-settings {
	padding: 16px;
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 8px;
	background: var(--aculect-ai-companion-soft);
}

.aculect-ai-companion-confirmation-groups {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 18px;
}

.aculect-ai-companion-confirmation-groups .components-base-control {
	margin-bottom: 0;
}

.aculect-ai-companion-ability-groups {
	display: grid;
	gap: 22px;
}

.aculect-ai-companion-ability-group__header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 14px;
	margin-bottom: 12px;
}

.aculect-ai-companion-ability-group__summary {
	margin: -6px 0 0;
	color: var(--aculect-ai-companion-muted);
	font-size: 13px;
}

.aculect-ai-companion-ability-group__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.aculect-ai-companion-ability-list {
	display: grid;
	gap: 12px;
}

.aculect-ai-companion-ability-row {
	padding: 16px;
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 8px;
	background: var(--aculect-ai-companion-soft);
}

.aculect-ai-companion-ability-row .components-base-control {
	margin-bottom: 0;
}

.aculect-ai-companion-ability-row .components-checkbox-control__label {
	font-weight: 700;
}

.aculect-ai-companion-ability-row__description {
	margin: 8px 0 12px 28px;
	color: var(--aculect-ai-companion-muted);
	line-height: 1.5;
}

.aculect-ai-companion-ability-row__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-left: 28px;
}

.aculect-ai-companion-ability-row__meta code,
.aculect-ai-companion-ability-row__meta span {
	padding: 2px 7px;
	border-radius: 999px;
	background: #fff;
	color: var(--aculect-ai-companion-muted);
	font-size: 12px;
	font-weight: 700;
}

.aculect-ai-companion-ability-row__meta
.aculect-ai-companion-risk-chip.is-read-only {
	background: #edf5ff;
	color: #135e96;
}

.aculect-ai-companion-ability-row__meta
.aculect-ai-companion-risk-chip.is-write {
	background: #fff4e5;
	color: #8a4b00;
}

.aculect-ai-companion-abilities-dashboard {
	display: grid;
	gap: 18px;
	min-width: 0;
}

.aculect-ai-companion-abilities-panel__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: stretch;
}

.aculect-ai-companion-abilities-panel p {
	margin: 0;
	color: var(--aculect-ai-companion-muted);
	line-height: 1.55;
}

.aculect-ai-companion-abilities-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(240px, 320px);
	gap: 18px;
	align-items: start;
	min-width: 0;
}

.aculect-ai-companion-abilities-main,
.aculect-ai-companion-abilities-panel {
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 8px;
	background: var(--aculect-ai-companion-surface);
}

.aculect-ai-companion-abilities-main {
	display: grid;
	gap: 18px;
	min-width: 0;
	padding: 18px;
}

.aculect-ai-companion-diagnostic-filters button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 36px;
	padding: 6px 10px;
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 6px;
	background: #fff;
	color: #334155;
	cursor: pointer;
	font-weight: 700;
}

.aculect-ai-companion-changelog-version-list button {
	display: grid;
	gap: 5px;
	width: 100%;
	padding: 12px;
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 8px;
	background: #fff;
	color: var(--aculect-ai-companion-ink);
	text-align: left;
	cursor: pointer;
}

.aculect-ai-companion-data-view code {
	display: inline-flex;
	width: fit-content;
	max-width: 100%;
	padding: 2px 6px;
	border-radius: 4px;
	background: var(--aculect-ai-companion-soft);
	color: var(--aculect-ai-companion-muted);
	font-size: 12px;
	overflow-wrap: anywhere;
}

.aculect-ai-companion-ability-name-cell {
	display: grid;
	gap: 8px;
	min-width: 0;
}

.aculect-ai-companion-ability-title-row {
	display: flex;
	align-items: center;
	gap: 6px;
	min-width: 0;
}

.aculect-ai-companion-ability-name-cell strong {
	color: var(--aculect-ai-companion-ink);
	font-size: 15px;
	line-height: 1.3;
	overflow-wrap: anywhere;
}

.aculect-ai-companion-ability-info-button.components-button.is-tertiary {
	flex: 0 0 auto;
	width: 24px;
	min-width: 24px;
	height: 24px;
	min-height: 24px;
	padding: 0;
	color: var(--aculect-ai-companion-muted);
}

.aculect-ai-companion-ability-info-button.components-button.is-tertiary:hover,
.aculect-ai-companion-ability-info-button.components-button.is-tertiary:focus {
	color: var(--aculect-ai-companion-primary);
}

.aculect-ai-companion-ability-row-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.aculect-ai-companion-ability-row-tags span,
.aculect-ai-companion-ability-connection-cell span {
	display: inline-flex;
	width: fit-content;
	padding: 2px 7px;
	border-radius: 999px;
	background: var(--aculect-ai-companion-soft);
	color: var(--aculect-ai-companion-muted);
	font-size: 12px;
	font-weight: 800;
}

.aculect-ai-companion-ability-row-tags .is-source {
	background: #eef2ff;
	color: var(--aculect-ai-companion-primary);
}

.aculect-ai-companion-ability-toggle-cell .components-base-control,
.aculect-ai-companion-ability-toggle-cell .components-toggle-control {
	margin-bottom: 0;
}

.aculect-ai-companion-ability-toggle-cell {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-width: 52px;
}

.aculect-ai-companion-ability-toggle-cell .components-base-control__field {
	margin-bottom: 0;
}

.aculect-ai-companion-data-view--abilities
.dataviews-view-table
td:first-child
.dataviews-view-table__cell-content-wrapper {
	width: 100%;
	min-width: 0;
	max-width: 100%;
	justify-content: center;
}

.aculect-ai-companion-ability-toggle-cell .components-toggle-control__label {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
}

.aculect-ai-companion-ability-connection-cell {
	display: grid;
	gap: 5px;
	min-width: 0;
}

.aculect-ai-companion-ability-connection-cell strong {
	color: var(--aculect-ai-companion-ink);
	font-size: 16px;
	line-height: 1;
}

.aculect-ai-companion-ability-connection-cell span {
	background: transparent;
	padding-right: 0;
	padding-left: 0;
	font-weight: 700;
	line-height: 1.35;
}

.aculect-ai-companion-abilities-side {
	display: grid;
	gap: 14px;
}

.aculect-ai-companion-abilities-panel {
	display: grid;
	gap: 10px;
	padding: 16px;
}

.aculect-ai-companion-abilities-panel h3 {
	margin: 0;
	font-size: 16px;
	line-height: 1.3;
}

.aculect-ai-companion-role-abilities {
	display: grid;
	gap: 18px;
	margin: 20px 0;
	padding: 18px;
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 8px;
	background: var(--aculect-ai-companion-surface);
}

.aculect-ai-companion-role-abilities-modal.components-modal__frame {
	width: min(1180px, calc(100vw - 48px));
	max-height: calc(100vh - 64px);
	border-radius: 8px;
	background: var(--aculect-ai-companion-surface);
	color: var(--aculect-ai-companion-ink);
}

.aculect-ai-companion-role-abilities-modal .components-modal__content {
	padding: 0;
}

.aculect-ai-companion-role-abilities-modal .components-modal__header {
	min-height: 56px;
	margin: 0;
	padding: 14px 20px;
	border-bottom: 1px solid var(--aculect-ai-companion-border);
}

.aculect-ai-companion-role-abilities-modal .components-modal__header h1 {
	color: var(--aculect-ai-companion-ink);
	font-size: 18px;
	line-height: 1.25;
	letter-spacing: 0;
}

.aculect-ai-companion-role-abilities.is-modal {
	margin: 0;
	padding: 18px;
	border: 0;
	border-radius: 0;
	background: var(--aculect-ai-companion-soft);
}

.aculect-ai-companion-role-abilities__hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(220px, 280px);
	gap: 18px;
	align-items: end;
	padding: 20px;
	border: 1px solid #bfdbfe;
	border-radius: 8px;
	background: #f8fbff;
}

.aculect-ai-companion-role-abilities__hero h2 {
	margin: 6px 0 10px;
	font-size: 26px;
	line-height: 1.15;
}

.aculect-ai-companion-role-abilities__hero p,
.aculect-ai-companion-role-abilities__side p {
	margin: 0;
	color: var(--aculect-ai-companion-muted);
	line-height: 1.55;
}

.aculect-ai-companion-role-abilities__controls label,
.aculect-ai-companion-role-abilities__toolbar label,
.aculect-ai-companion-role-abilities__side label {
	display: grid;
	gap: 6px;
}

.aculect-ai-companion-role-abilities__controls span,
.aculect-ai-companion-role-abilities__toolbar span,
.aculect-ai-companion-role-abilities__side-label {
	font-size: 13px;
	font-weight: 700;
}

.aculect-ai-companion-role-abilities select {
	min-height: 40px;
	max-width: 100%;
	border-color: var(--aculect-ai-companion-border);
	border-radius: 6px;
}

.aculect-ai-companion-role-abilities__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(240px, 320px);
	gap: 18px;
	align-items: start;
	min-width: 0;
}

.aculect-ai-companion-role-abilities__main,
.aculect-ai-companion-role-abilities__side section {
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 8px;
	background: var(--aculect-ai-companion-surface);
}

.aculect-ai-companion-role-abilities__main {
	min-width: 0;
	padding: 16px;
}

.aculect-ai-companion-role-abilities__form,
.aculect-ai-companion-role-abilities__side {
	display: grid;
	gap: 14px;
}

.aculect-ai-companion-role-abilities__toolbar {
	display: grid;
	grid-template-columns: minmax(220px, 1.5fr) minmax(150px, 1fr) minmax(130px, 1fr);
	gap: 12px;
	align-items: end;
	margin-bottom: 16px;
}

.aculect-ai-companion-role-abilities__toolbar .components-base-control {
	margin-bottom: 0;
}

.aculect-ai-companion-role-ability-groups {
	display: grid;
	gap: 12px;
}

.aculect-ai-companion-role-ability-group {
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 8px;
	overflow: hidden;
}

.aculect-ai-companion-role-ability-group__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 12px 14px;
	border: 0;
	background: var(--aculect-ai-companion-soft);
	color: var(--aculect-ai-companion-ink);
	text-align: left;
	cursor: pointer;
}

.aculect-ai-companion-role-ability-group__header:focus-visible {
	outline: 2px solid var(--aculect-ai-companion-primary);
	outline-offset: -2px;
}

.aculect-ai-companion-role-ability-group__header span {
	color: var(--aculect-ai-companion-muted);
	font-size: 13px;
	font-weight: 700;
}

.aculect-ai-companion-role-ability-list {
	display: grid;
	gap: 0;
}

.aculect-ai-companion-role-ability-row {
	display: grid;
	gap: 8px;
	padding: 14px;
	border-top: 1px solid var(--aculect-ai-companion-border);
}

.aculect-ai-companion-role-ability-row .components-base-control {
	margin-bottom: 0;
}

.aculect-ai-companion-role-ability-row p {
	margin: 0 0 0 40px;
	color: var(--aculect-ai-companion-muted);
	line-height: 1.5;
}

.aculect-ai-companion-role-ability-row__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin-left: 40px;
}

.aculect-ai-companion-role-ability-row__meta span,
.aculect-ai-companion-role-ability-row__meta code {
	display: inline-flex;
	width: fit-content;
	max-width: 100%;
	padding: 2px 7px;
	border-radius: 999px;
	background: var(--aculect-ai-companion-soft);
	color: var(--aculect-ai-companion-muted);
	font-size: 12px;
	font-weight: 700;
	overflow-wrap: anywhere;
}

.aculect-ai-companion-role-abilities__footer {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 16px;
}

.aculect-ai-companion-role-abilities__side section {
	display: grid;
	gap: 10px;
	padding: 16px;
}

.aculect-ai-companion-role-abilities__side h3 {
	margin: 0;
	font-size: 16px;
	line-height: 1.3;
}

.aculect-ai-companion-role-abilities__side dl {
	display: grid;
	gap: 8px;
	margin: 0;
}

.aculect-ai-companion-role-abilities__summary-row {
	display: flex;
	justify-content: space-between;
	gap: 12px;
}

.aculect-ai-companion-role-abilities__side dt {
	color: var(--aculect-ai-companion-muted);
	font-weight: 700;
}

.aculect-ai-companion-role-abilities__side dd {
	margin: 0;
	text-align: right;
}

.aculect-ai-companion-role-abilities__side form {
	display: grid;
	gap: 10px;
	margin: 0;
}

.aculect-ai-companion-role-abilities__users {
	display: grid;
	gap: 6px;
	margin: 0;
	padding-left: 18px;
}

.aculect-ai-companion-form--advanced {
	display: grid;
	gap: 20px;
	max-width: 760px;
}

.aculect-ai-companion-form--advanced-dashboard {
	display: grid;
	gap: 18px;
	min-width: 0;
}

.aculect-ai-companion-advanced-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
	gap: 18px;
	align-items: start;
	min-width: 0;
}

.aculect-ai-companion-advanced-main,
.aculect-ai-companion-advanced-sidebar {
	display: grid;
	gap: 16px;
	min-width: 0;
}

.aculect-ai-companion-advanced-sidebar {
	position: sticky;
	top: 44px;
}

.aculect-ai-companion-advanced-section {
	overflow: hidden;
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 8px;
	background: var(--aculect-ai-companion-surface);
}

.aculect-ai-companion-advanced-section__header {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 12px;
	align-items: start;
	padding: 16px;
	border-bottom: 1px solid var(--aculect-ai-companion-border);
	background: var(--aculect-ai-companion-soft);
}

.aculect-ai-companion-advanced-section__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 8px;
	background: #edf5ff;
	color: var(--aculect-ai-companion-primary);
}

.aculect-ai-companion-advanced-section__title {
	margin: 0;
	font-size: 17px;
	line-height: 1.25;
}

.aculect-ai-companion-advanced-section__description {
	margin: 4px 0 0;
	color: var(--aculect-ai-companion-muted);
	line-height: 1.5;
}

.aculect-ai-companion-advanced-section__body {
	display: grid;
}

.aculect-ai-companion-advanced-setting {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(190px, auto);
	gap: 16px;
	align-items: start;
	min-width: 0;
	padding: 16px;
	border-bottom: 1px solid var(--aculect-ai-companion-border);
}

.aculect-ai-companion-advanced-setting:last-child {
	border-bottom: 0;
}

.aculect-ai-companion-advanced-setting__content,
.aculect-ai-companion-advanced-setting__control {
	min-width: 0;
}

.aculect-ai-companion-advanced-setting__title {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 6px;
}

.aculect-ai-companion-advanced-setting__heading {
	margin: 0;
	font-size: 15px;
	line-height: 1.3;
}

.aculect-ai-companion-advanced-setting__status {
	display: inline-flex;
	align-items: center;
	min-height: 22px;
	padding: 2px 7px;
	border-radius: 999px;
	background: #f1f5f9;
	color: #475569;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

.aculect-ai-companion-advanced-setting__status.is-active {
	background: #edfaef;
	color: var(--aculect-ai-companion-green);
}

.aculect-ai-companion-advanced-setting__status.is-danger {
	background: #fcf0f1;
	color: #b32d2e;
}

.aculect-ai-companion-advanced-setting__description {
	margin: 0;
	color: var(--aculect-ai-companion-muted);
	line-height: 1.55;
}

.aculect-ai-companion-advanced-setting__control {
	display: grid;
	gap: 10px;
	justify-items: start;
}

.aculect-ai-companion-advanced-setting__control .components-base-control {
	margin-bottom: 0;
}

.aculect-ai-companion-advanced-role-controls {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 16px;
}

.aculect-ai-companion-advanced-role-controls .components-base-control {
	margin-bottom: 0;
}

.aculect-ai-companion-file-field {
	display: grid;
	gap: 6px;
	min-width: 0;
}

.aculect-ai-companion-file-field span {
	color: var(--aculect-ai-companion-muted);
	font-weight: 700;
}

.aculect-ai-companion-file-field input {
	max-width: 100%;
}

.aculect-ai-companion-form--brand {
	display: grid;
	gap: 24px;
	max-width: 920px;
}

.aculect-ai-companion-brand-section {
	display: grid;
	gap: 14px;
}

.aculect-ai-companion-brand-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.aculect-ai-companion-brand-grid--colors {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.aculect-ai-companion-brand-field {
	min-width: 0;
}

.aculect-ai-companion-brand-field .components-base-control {
	margin-bottom: 0;
}

.aculect-ai-companion-brand-field__control {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 10px;
	align-items: end;
}

.aculect-ai-companion-brand-field__control .components-base-control {
	min-width: 0;
}

.aculect-ai-companion-brand-swatch {
	display: inline-block;
	width: 24px;
	height: 24px;
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 6px;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.45);
}

.aculect-ai-companion-brand-default {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 7px;
	margin: 6px 0 0;
	color: var(--aculect-ai-companion-muted);
	font-size: 12px;
	line-height: 1.4;
}

.aculect-ai-companion-brand-default span {
	font-weight: 700;
	text-transform: uppercase;
}

.aculect-ai-companion-brand-default code {
	max-width: 100%;
	white-space: normal;
	word-break: break-word;
}

.aculect-ai-companion-learning-dashboard {
	display: grid;
	gap: 16px;
	min-width: 0;
}

.aculect-ai-companion-learning-toolbar {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 16px;
	align-items: center;
}

.aculect-ai-companion-learning-toolbar h2 {
	margin: 0;
	font-size: 22px;
	line-height: 1.25;
}

.aculect-ai-companion-learning-toolbar p {
	margin: 5px 0 0;
	color: var(--aculect-ai-companion-muted);
	line-height: 1.5;
}

.aculect-ai-companion-learning-summary {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
	justify-self: end;
	min-width: 0;
	width: min(100%, 320px);
}

.aculect-ai-companion-learning-summary span {
	display: grid;
	gap: 2px;
	min-width: 0;
	padding: 10px 12px;
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 8px;
	background: var(--aculect-ai-companion-surface);
	color: var(--aculect-ai-companion-muted);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

.aculect-ai-companion-learning-summary strong {
	color: var(--aculect-ai-companion-ink);
	font-size: 18px;
	line-height: 1.1;
}

.aculect-ai-companion-learning-list {
	display: grid;
	gap: 12px;
	min-width: 0;
}

.aculect-ai-companion-learning-surface-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	min-width: 0;
	padding: 6px;
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 8px;
	background: var(--aculect-ai-companion-soft);
}

.aculect-ai-companion-learning-surface-nav .components-button {
	gap: 8px;
	min-height: 36px;
	border-radius: 6px;
}

.aculect-ai-companion-learning-surface-nav__count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 22px;
	min-height: 22px;
	padding: 0 7px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.22);
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
}

.aculect-ai-companion-learning-surface-nav .components-button.is-secondary .aculect-ai-companion-learning-surface-nav__count {
	background: var(--aculect-ai-companion-surface);
	color: var(--aculect-ai-companion-muted);
}

.aculect-ai-companion-learning-section,
.aculect-ai-companion-memory-section,
.aculect-ai-companion-incident-section {
	display: grid;
	gap: 12px;
	min-width: 0;
}

.aculect-ai-companion-learning-section-heading {
	display: grid;
	gap: 4px;
}

.aculect-ai-companion-learning-section-heading h3 {
	margin: 0;
	font-size: 16px;
	line-height: 1.3;
}

.aculect-ai-companion-learning-section-heading p {
	margin: 0;
	color: var(--aculect-ai-companion-muted);
	line-height: 1.5;
}

.aculect-ai-companion-learning-card {
	display: grid;
	gap: 14px;
	min-width: 0;
	padding: 16px;
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 8px;
	background: var(--aculect-ai-companion-surface);
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.aculect-ai-companion-learning-card__header,
.aculect-ai-companion-learning-card__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-width: 0;
}

.aculect-ai-companion-learning-card__badges,
.aculect-ai-companion-learning-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	min-width: 0;
}

.aculect-ai-companion-learning-card__date {
	flex-shrink: 0;
	color: var(--aculect-ai-companion-muted);
	font-size: 12px;
	font-weight: 700;
}

.aculect-ai-companion-learning-card__body {
	min-width: 0;
}

.aculect-ai-companion-learning-card__body h3 {
	margin: 0 0 12px;
	font-size: 17px;
	line-height: 1.35;
}

.aculect-ai-companion-learning-pill {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	padding: 3px 8px;
	border-radius: 999px;
	background: #f1f5f9;
	color: #475569;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
}

.aculect-ai-companion-learning-pill.is-site {
	background: #eef6ff;
	color: #1d4ed8;
}

.aculect-ai-companion-learning-pill.is-content {
	background: #ecfdf5;
	color: #047857;
}

.aculect-ai-companion-learning-pill.is-developer {
	background: #f5f3ff;
	color: #6d28d9;
}

.aculect-ai-companion-learning-pill.is-brand {
	background: #fff7ed;
	color: #c2410c;
}

.aculect-ai-companion-learning-pill.is-seo {
	background: #f0fdf4;
	color: #15803d;
}

.aculect-ai-companion-learning-pill.is-workflow {
	background: #fdf4ff;
	color: #a21caf;
}

.aculect-ai-companion-learning-pill.is-pending {
	background: #eff6ff;
	color: var(--aculect-ai-companion-primary);
}

.aculect-ai-companion-learning-pill.is-approved {
	background: #edfaef;
	color: var(--aculect-ai-companion-green);
}

.aculect-ai-companion-learning-pill.is-dismissed {
	background: #f8fafc;
	color: var(--aculect-ai-companion-muted);
}

.aculect-ai-companion-learning-pill.is-confidence {
	background: var(--aculect-ai-companion-soft);
	color: var(--aculect-ai-companion-muted);
}

.aculect-ai-companion-learning-pill.is-low {
	background: #f8fafc;
	color: var(--aculect-ai-companion-muted);
}

.aculect-ai-companion-learning-pill.is-medium {
	background: #eef6ff;
	color: #1d4ed8;
}

.aculect-ai-companion-learning-pill.is-high {
	background: #fff7ed;
	color: #c2410c;
}

.aculect-ai-companion-learning-pill.is-blocking {
	background: #fef2f2;
	color: #b91c1c;
}

.aculect-ai-companion-learning-details {
	display: grid;
	gap: 10px;
	margin: 0;
}

.aculect-ai-companion-learning-details div {
	display: grid;
	gap: 5px;
	min-width: 0;
}

.aculect-ai-companion-learning-details dt {
	color: var(--aculect-ai-companion-muted);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

.aculect-ai-companion-learning-details dd {
	margin: 0;
	color: var(--aculect-ai-companion-ink);
	line-height: 1.55;
	overflow-wrap: anywhere;
}

.aculect-ai-companion-learning-source {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	min-width: 0;
	color: var(--aculect-ai-companion-muted);
	font-size: 13px;
	font-weight: 700;
}

.aculect-ai-companion-learning-source code {
	padding: 2px 6px;
	border-radius: 999px;
	background: var(--aculect-ai-companion-soft);
	color: var(--aculect-ai-companion-muted);
}

.aculect-ai-companion-learning-actions .aculect-ai-companion-action-form {
	width: auto;
	margin: 0;
}

.aculect-ai-companion-learning-actions .components-button {
	gap: 6px;
	min-height: 34px;
}

.aculect-ai-companion-learning-edit-form {
	display: grid;
	gap: 14px;
	min-width: min(560px, 100%);
}

.aculect-ai-companion-learning-edit-form .components-base-control {
	margin-bottom: 0;
}

.aculect-ai-companion-setting-row {
	padding: 18px;
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 8px;
	background: var(--aculect-ai-companion-soft);
}

.aculect-ai-companion-setting-row .components-base-control {
	margin-bottom: 8px;
}

.aculect-ai-companion-setting-summary {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.aculect-ai-companion-setting-summary div {
	display: grid;
	gap: 5px;
	padding: 14px;
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 12px;
	background: var(--aculect-ai-companion-surface);
}

.aculect-ai-companion-setting-summary span {
	color: var(--aculect-ai-companion-muted);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

.aculect-ai-companion-empty-state {
	display: grid;
	gap: 6px;
	padding: 18px;
	border: 1px dashed var(--aculect-ai-companion-border);
	border-radius: 8px;
	background: var(--aculect-ai-companion-soft);
	color: var(--aculect-ai-companion-muted);
}

.aculect-ai-companion-empty-state strong {
	color: var(--aculect-ai-companion-ink);
	font-size: 15px;
}

.aculect-ai-companion-empty-state p {
	margin: 0;
	line-height: 1.55;
}

.aculect-ai-companion-activity-dashboard {
	display: grid;
	gap: 18px;
	min-width: 0;
}

.aculect-ai-companion-activity-control-banner {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 12px;
	align-items: start;
	padding: 16px;
	border: 1px solid #bfdbfe;
	border-radius: 8px;
	background: #eff6ff;
}

.aculect-ai-companion-activity-control-banner__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 8px;
	background: #dbeafe;
	color: #1d4ed8;
}

.aculect-ai-companion-activity-control-banner p {
	margin: 4px 0 0;
	color: var(--aculect-ai-companion-muted);
	line-height: 1.5;
}

.aculect-ai-companion-activity-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
	gap: 18px;
	align-items: start;
	min-width: 0;
}

.aculect-ai-companion-activity-main,
.aculect-ai-companion-activity-sidebar {
	display: grid;
	gap: 16px;
	min-width: 0;
}

.aculect-ai-companion-activity-sidebar {
	position: sticky;
	top: 44px;
}

.aculect-ai-companion-activity-insight-list {
	display: grid;
	gap: 10px;
	padding: 18px;
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 8px;
	background: var(--aculect-ai-companion-surface);
	box-shadow: 0 8px 22px rgba(15, 23, 42, 0.035);
}

.aculect-ai-companion-activity-insight-list h3 {
	margin: 0;
	font-size: 16px;
	line-height: 1.25;
}

.aculect-ai-companion-activity-insight-list p {
	margin: 0;
	color: var(--aculect-ai-companion-muted);
	line-height: 1.5;
}

.aculect-ai-companion-activity-insight-list ul {
	display: grid;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.aculect-ai-companion-activity-insight-list li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	color: var(--aculect-ai-companion-muted);
}

.aculect-ai-companion-activity-insight-list li strong {
	color: var(--aculect-ai-companion-ink);
}

.aculect-ai-companion-activity-filters {
	display: grid;
	grid-template-columns: repeat(3, minmax(140px, 1fr));
	gap: 12px;
	align-items: end;
	padding: 16px;
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 8px;
	background: var(--aculect-ai-companion-surface);
}

.aculect-ai-companion-activity-filters label {
	display: grid;
	gap: 6px;
	margin: 0;
}

.aculect-ai-companion-activity-filters label span {
	color: var(--aculect-ai-companion-muted);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

.aculect-ai-companion-activity-filters input,
.aculect-ai-companion-activity-filters select {
	width: 100%;
	min-height: 36px;
}

.aculect-ai-companion-activity-filter-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.aculect-ai-companion-activity-table-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
}

.aculect-ai-companion-activity-table-toolbar p {
	margin: 0;
	color: var(--aculect-ai-companion-muted);
}

.aculect-ai-companion-activity-table-wrap {
	width: 100%;
	overflow-x: auto;
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 8px;
	background: var(--aculect-ai-companion-surface);
}

.aculect-ai-companion-activity-table {
	min-width: 980px;
	border: 0;
}

.aculect-ai-companion-activity-table th,
.aculect-ai-companion-activity-table td {
	vertical-align: top;
}

.aculect-ai-companion-activity-table__time {
	display: block;
	white-space: nowrap;
}

.aculect-ai-companion-activity-error-code {
	display: block;
	margin-top: 6px;
	color: #b32d2e;
	font-size: 12px;
	font-weight: 700;
}

.aculect-ai-companion-changelog-dashboard {
	display: grid;
	gap: 18px;
	min-width: 0;
}

.aculect-ai-companion-changelog-layout {
	display: grid;
	grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
	gap: 18px;
	align-items: start;
	min-width: 0;
}

.aculect-ai-companion-changelog-sidebar,
.aculect-ai-companion-changelog-detail,
.aculect-ai-companion-changelog-help__item {
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 8px;
	background: var(--aculect-ai-companion-surface);
}

.aculect-ai-companion-changelog-sidebar {
	position: sticky;
	top: 44px;
	padding: 14px;
}

.aculect-ai-companion-changelog-sidebar__title {
	margin: 0 0 12px;
	font-size: 15px;
	line-height: 1.3;
}

.aculect-ai-companion-changelog-version-list {
	display: grid;
	gap: 8px;
}

.aculect-ai-companion-changelog-version-list button:hover,
.aculect-ai-companion-changelog-version-list button:focus {
	border-color: var(--aculect-ai-companion-primary);
	color: var(--aculect-ai-companion-primary);
}

.aculect-ai-companion-changelog-version-list button:focus-visible {
	outline: 2px solid var(--aculect-ai-companion-primary);
	outline-offset: 2px;
}

.aculect-ai-companion-changelog-version-list button.is-selected {
	border-color: var(--aculect-ai-companion-primary);
	background: #eff6ff;
}

.aculect-ai-companion-changelog-version-list__version {
	font-size: 16px;
	font-weight: 800;
}

.aculect-ai-companion-changelog-version-list__meta {
	color: var(--aculect-ai-companion-muted);
	font-size: 12px;
}

.aculect-ai-companion-changelog-version-list__badges,
.aculect-ai-companion-changelog-detail__badges {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.aculect-ai-companion-changelog-version-list__badges em,
.aculect-ai-companion-changelog-detail__badge {
	display: inline-flex;
	padding: 2px 7px;
	border-radius: 999px;
	background: #edfaef;
	color: var(--aculect-ai-companion-green);
	font-size: 11px;
	font-style: normal;
	font-weight: 800;
	text-transform: uppercase;
}

.aculect-ai-companion-changelog-detail {
	display: grid;
	gap: 18px;
	min-width: 0;
	padding: 18px;
}

.aculect-ai-companion-changelog-detail__header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 14px;
}

.aculect-ai-companion-changelog-detail__version {
	margin: 4px 0 0;
	font-size: 26px;
	line-height: 1.15;
}

.aculect-ai-companion-changelog-meta-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

.aculect-ai-companion-changelog-meta-grid__item {
	display: grid;
	gap: 5px;
	min-width: 0;
	padding: 12px;
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 8px;
	background: var(--aculect-ai-companion-soft);
}

.aculect-ai-companion-changelog-meta-grid__label {
	color: var(--aculect-ai-companion-muted);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

.aculect-ai-companion-changelog-meta-grid__value {
	color: var(--aculect-ai-companion-ink);
	line-height: 1.3;
	overflow-wrap: anywhere;
}

.aculect-ai-companion-changelog-notes {
	display: grid;
	gap: 16px;
}

.aculect-ai-companion-changelog-notes__group {
	display: grid;
	gap: 8px;
	padding-top: 16px;
	border-top: 1px solid var(--aculect-ai-companion-border);
}

.aculect-ai-companion-changelog-notes__group:first-child {
	padding-top: 0;
	border-top: 0;
}

.aculect-ai-companion-changelog-notes__title {
	margin: 0;
	font-size: 16px;
	line-height: 1.3;
}

.aculect-ai-companion-changelog-notes__list {
	display: grid;
	gap: 7px;
	margin: 0 0 0 20px;
}

.aculect-ai-companion-changelog-help {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.aculect-ai-companion-changelog-help__item {
	display: grid;
	gap: 8px;
	padding: 16px;
}

.aculect-ai-companion-changelog-help__title {
	margin: 0;
	font-size: 16px;
	line-height: 1.3;
}

.aculect-ai-companion-changelog-help__copy {
	margin: 0;
	color: var(--aculect-ai-companion-muted);
	line-height: 1.55;
}

.aculect-ai-companion-diagnostics {
	display: grid;
	gap: 18px;
	min-width: 0;
}

.aculect-ai-companion-diagnostics-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
	gap: 18px;
	align-items: start;
	min-width: 0;
}

.aculect-ai-companion-diagnostics-main,
.aculect-ai-companion-diagnostics-sidebar {
	display: grid;
	gap: 16px;
	min-width: 0;
}

.aculect-ai-companion-diagnostics-sidebar {
	position: sticky;
	top: 44px;
}

.aculect-ai-companion-diagnostics-checks {
	display: grid;
	gap: 16px;
	min-width: 0;
	padding: 18px;
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 8px;
	background: var(--aculect-ai-companion-surface);
}

.aculect-ai-companion-diagnostic-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.aculect-ai-companion-diagnostic-filters button:hover,
.aculect-ai-companion-diagnostic-filters button:focus {
	border-color: var(--aculect-ai-companion-primary);
	color: var(--aculect-ai-companion-primary);
}

.aculect-ai-companion-diagnostic-filters button:focus-visible {
	outline: 2px solid var(--aculect-ai-companion-primary);
	outline-offset: 2px;
}

.aculect-ai-companion-diagnostic-filters button.is-active {
	border-color: var(--aculect-ai-companion-primary);
	background: #eff6ff;
	color: #0b55e5;
}

.aculect-ai-companion-diagnostic-filter__count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 22px;
	height: 22px;
	padding: 0 6px;
	border-radius: 999px;
	background: #edf2f7;
	color: #1e293b;
	font-size: 12px;
}

.aculect-ai-companion-diagnostic-panel .components-button {
	justify-content: center;
	gap: 8px;
	width: 100%;
}

.aculect-ai-companion-diagnostic-meta-list {
	display: grid;
	gap: 8px;
	margin: 0;
}

.aculect-ai-companion-diagnostic-meta-list div {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.aculect-ai-companion-diagnostic-meta-list dt {
	color: var(--aculect-ai-companion-muted);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

.aculect-ai-companion-diagnostic-meta-list dd {
	margin: 0;
	color: var(--aculect-ai-companion-ink);
	font-weight: 650;
	line-height: 1.4;
	overflow-wrap: anywhere;
}

.aculect-ai-companion-diagnostic-environment {
	display: grid;
	gap: 8px;
}

.aculect-ai-companion-diagnostic-environment p,
.aculect-ai-companion-diagnostic-environment__remediation {
	margin: 0;
	line-height: 1.5;
}

.aculect-ai-companion-log-toolbar,
.aculect-ai-companion-log-pagination,
.aculect-ai-companion-health-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
}

.aculect-ai-companion-log-toolbar,
.aculect-ai-companion-health-toolbar {
	margin-bottom: 16px;
}

.aculect-ai-companion-log-toolbar .aculect-ai-companion-copy,
.aculect-ai-companion-health-toolbar .aculect-ai-companion-copy {
	margin-bottom: 0;
}

.aculect-ai-companion-log-table-wrap,
.aculect-ai-companion-health-table-wrap {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.aculect-ai-companion-log-table,
.aculect-ai-companion-health-table {
	min-width: 980px;
}

.aculect-ai-companion-log-table th,
.aculect-ai-companion-log-table td,
.aculect-ai-companion-health-table th,
.aculect-ai-companion-health-table td {
	vertical-align: top;
}

.aculect-ai-companion-log-level {
	display: inline-flex;
	padding: 2px 7px;
	border-radius: 999px;
	background: #f0f0f1;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

.aculect-ai-companion-log-level.is-error {
	background: #fcf0f1;
	color: #b32d2e;
}

.aculect-ai-companion-log-level.is-warning {
	background: #fcf9e8;
	color: #996800;
}

.aculect-ai-companion-log-level.is-info {
	background: #edf5ff;
	color: #135e96;
}

.aculect-ai-companion-activity-status,
.aculect-ai-companion-health-status {
	display: inline-flex;
	padding: 2px 7px;
	border-radius: 999px;
	background: #f0f0f1;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

.aculect-ai-companion-activity-status {
	background: #edfaef;
	color: var(--aculect-ai-companion-green);
}

.aculect-ai-companion-activity-status.is-error,
.aculect-ai-companion-health-status.is-fail {
	background: #fcf0f1;
	color: #b32d2e;
}

.aculect-ai-companion-health-status.is-pass {
	background: #edfaef;
	color: var(--aculect-ai-companion-green);
}

.aculect-ai-companion-health-status.is-warn {
	background: #fcf9e8;
	color: #996800;
}

.aculect-ai-companion-health-status.is-unavailable {
	background: #f0f0f1;
	color: #50575e;
}

.aculect-ai-companion-health-summary {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 16px;
	padding: 10px 12px;
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 8px;
	background: var(--aculect-ai-companion-soft);
}

.aculect-ai-companion-health-summary span:first-child {
	color: var(--aculect-ai-companion-muted);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

.aculect-ai-companion-health-details {
	margin-top: 18px;
}

.aculect-ai-companion-log-context summary {
	cursor: pointer;
	font-weight: 700;
}

.aculect-ai-companion-log-context pre {
	max-width: 420px;
	max-height: 260px;
	margin: 8px 0 0;
	padding: 10px;
	overflow: auto;
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 8px;
	background: #fff;
	white-space: pre-wrap;
}

.aculect-ai-companion-log-pagination {
	margin-top: 16px;
	justify-content: flex-end;
}

.aculect-ai-companion-muted {
	color: var(--aculect-ai-companion-muted);
}

@media (max-width: 900px) {

	.aculect-ai-companion-app-header,
	.aculect-ai-companion-advanced-layout,
	.aculect-ai-companion-advanced-setting,
	.aculect-ai-companion-abilities-layout,
	.aculect-ai-companion-role-abilities__hero,
	.aculect-ai-companion-role-abilities__layout,
	.aculect-ai-companion-role-abilities__toolbar,
	.aculect-ai-companion-brand-grid,
	.aculect-ai-companion-brand-grid--colors,
	.aculect-ai-companion-activity-layout,
	.aculect-ai-companion-changelog-help,
	.aculect-ai-companion-changelog-layout,
	.aculect-ai-companion-changelog-meta-grid,
	.aculect-ai-companion-connect-step-row,
	.aculect-ai-companion-connections-layout,
	.aculect-ai-companion-diagnostics-layout,
	.aculect-ai-companion-feature-grid,
	.aculect-ai-companion-learning-toolbar,
	.aculect-ai-companion-overview-hero,
	.aculect-ai-companion-setting-summary,
	.aculect-ai-companion-setup-wizard,
	.aculect-ai-companion-session-row,
	.aculect-ai-companion-tab-loading__grid {
		grid-template-columns: 1fr;
	}

	.aculect-ai-companion-app-header,
	.aculect-ai-companion-session-row {
		align-items: flex-start;
	}

	.aculect-ai-companion-app-header {
		flex-direction: column;
		gap: 12px;
		padding: 12px 16px;
	}

	.aculect-ai-companion-header-actions {
		width: 100%;
		justify-content: flex-start;
		flex-wrap: wrap;
	}

	.aculect-ai-companion-tabs {
		gap: 20px;
		min-height: 45px;
		padding: 0 16px;
	}

	.aculect-ai-companion-admin-notices,
	.aculect-ai-companion-status-notices,
	.aculect-ai-companion-tab-panel {
		padding-right: 16px;
		padding-left: 16px;
	}

	.aculect-ai-companion-tab-actions {
		justify-content: flex-start;
	}

	.aculect-ai-companion-log-toolbar,
	.aculect-ai-companion-log-pagination,
	.aculect-ai-companion-health-toolbar,
	.aculect-ai-companion-activity-table-toolbar,
	.aculect-ai-companion-learning-card__header,
	.aculect-ai-companion-learning-card__footer {
		align-items: flex-start;
		flex-direction: column;
	}

	.aculect-ai-companion-ability-group__header {
		flex-direction: column;
	}

	.aculect-ai-companion-control-banner {
		grid-template-columns: auto minmax(0, 1fr);
	}

	.aculect-ai-companion-control-banner__link {
		grid-column: 2;
		justify-self: start;
	}

	.aculect-ai-companion-connect-capability-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.aculect-ai-companion-wizard-progress {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.aculect-ai-companion-connections-sidebar {
		position: static;
	}

	.aculect-ai-companion-advanced-sidebar {
		position: static;
	}

	.aculect-ai-companion-activity-sidebar,
	.aculect-ai-companion-changelog-sidebar {
		position: static;
	}

	.aculect-ai-companion-diagnostics-sidebar {
		position: static;
	}

	.aculect-ai-companion-activity-filters {
		grid-template-columns: 1fr 1fr;
	}

	.aculect-ai-companion-role-abilities__summary-row {
		display: grid;
	}

	.aculect-ai-companion-learning-summary {
		justify-self: stretch;
		width: 100%;
	}
}

@media (max-width: 600px) {

	.aculect-ai-companion-app-header {
		gap: 12px;
		padding: 12px 14px;
	}

	.aculect-ai-companion-app-branding {
		gap: 10px;
	}

	.aculect-ai-companion-app-icon {
		width: 40px;
		height: 40px;
	}

	.aculect-ai-companion-app-root .aculect-ai-companion-app-title {
		font-size: 18px;
	}

	.aculect-ai-companion-version-badge {
		min-height: 22px;
		padding: 3px 8px;
		font-size: 12px;
	}

	.aculect-ai-companion-app-subtitle {
		font-size: 12px;
	}

	.aculect-ai-companion-header-actions {
		gap: 12px;
	}

	.aculect-ai-companion-header-link {
		min-height: 32px;
		font-size: 14px;
	}

	.aculect-ai-companion-header-divider {
		display: none;
	}

	.aculect-ai-companion-learning-surface-nav {
		display: grid;
		grid-template-columns: 1fr;
	}

	.aculect-ai-companion-learning-surface-nav .components-button {
		justify-content: space-between;
		width: 100%;
	}

	.aculect-ai-companion-tab-loading {
		padding: 16px;
	}

	.aculect-ai-companion-tab-loading__header {
		grid-template-columns: auto minmax(0, 1fr);
	}

	.aculect-ai-companion-tab-loading__spinner {
		grid-column: 1 / -1;
	}

	.aculect-ai-companion-tabs {
		gap: 14px;
		min-height: 45px;
		padding: 0 14px;
	}

	.aculect-ai-companion-tab {
		min-height: 45px;
		padding: 0 8px;
		font-size: 14px;
	}

	.aculect-ai-companion-admin-notices,
	.aculect-ai-companion-status-notices,
	.aculect-ai-companion-tab-panel {
		padding-right: 14px;
		padding-left: 14px;
	}

	.aculect-ai-companion-overview-hero {
		padding: 22px;
	}

	.aculect-ai-companion-abilities-main {
		padding: 16px;
	}

	.aculect-ai-companion-role-abilities,
	.aculect-ai-companion-role-abilities__hero,
	.aculect-ai-companion-role-abilities__main {
		padding: 14px;
	}

	.aculect-ai-companion-overview-hero__title {
		font-size: 28px;
	}

	.aculect-ai-companion-overview-circuit {
		min-height: 220px;
	}

	.aculect-ai-companion-connect-card {
		padding: 18px;
	}

	.aculect-ai-companion-connect__heading,
	.aculect-ai-companion-connect-section-heading,
	.aculect-ai-companion-setup-wizard__intro {
		align-items: flex-start;
		flex-direction: column;
	}

	.aculect-ai-companion-connect__heading h1 {
		font-size: 24px;
	}

	.aculect-ai-companion-wizard-progress {
		grid-template-columns: 1fr;
	}

	.aculect-ai-companion-assistant-card {
		grid-template-columns: auto minmax(0, 1fr);
	}

	.aculect-ai-companion-wizard-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.aculect-ai-companion-wizard-actions .components-button {
		justify-content: center;
		width: 100%;
	}

	.aculect-ai-companion-pending-request {
		grid-template-columns: 1fr;
	}

	.aculect-ai-companion-connect-capability-grid {
		grid-template-columns: 1fr;
	}

	.aculect-ai-companion-connect-request-panel {
		grid-template-columns: 1fr;
	}

	.aculect-ai-companion-connect-request-panel__button.components-button.is-secondary {
		justify-self: start;
	}

	.aculect-ai-companion-section-title {
		font-size: 21px;
	}

	.aculect-ai-companion-control-banner {
		grid-template-columns: 1fr;
	}

	.aculect-ai-companion-control-banner__link {
		grid-column: auto;
	}

	.aculect-ai-companion-provider-card__header {
		grid-template-columns: auto minmax(0, 1fr);
		padding: 16px;
	}

	.aculect-ai-companion-provider-toggle.components-button.is-secondary {
		grid-column: 1 / -1;
		justify-self: start;
	}

	.aculect-ai-companion-provider-panel {
		padding: 0 16px 16px;
	}

	.aculect-ai-companion-activity-filters {
		grid-template-columns: 1fr;
	}

	.aculect-ai-companion-diagnostic-filters {
		display: grid;
		grid-template-columns: 1fr;
	}

	.aculect-ai-companion-diagnostic-filters button {
		justify-content: space-between;
		width: 100%;
	}

	.aculect-ai-companion-role-ability-row p,
	.aculect-ai-companion-role-ability-row__meta {
		margin-left: 0;
	}

	.aculect-ai-companion-changelog-detail__header {
		flex-direction: column;
	}
}