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

.aculect-ai-companion-app-root {
	--aculect-ai-companion-ink: #1d2327;
	--aculect-ai-companion-muted: #646970;
	--aculect-ai-companion-border: #dcdcde;
	--aculect-ai-companion-surface: #fff;
	--aculect-ai-companion-soft: #f6f7f7;
	--aculect-ai-companion-primary: #2271b1;
	--aculect-ai-companion-green: #008a20;
	max-width: 1180px;
	color: var(--aculect-ai-companion-ink);
}

.aculect-ai-companion-app-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin: 8px 0 22px;
	padding: 28px 30px;
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 18px;
	background:
		radial-gradient(circle at 12% 15%, rgba(34, 113, 177, 0.14), transparent 34%),
		linear-gradient(135deg, #fff 0%, #f6f7f7 100%);
	box-shadow: 0 18px 50px rgba(0, 0, 0, 0.06);
}

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

.aculect-ai-companion-app-heading {
	display: grid;
	gap: 8px;
	min-width: 0;
}

.aculect-ai-companion-app-tagline {
	color: var(--aculect-ai-companion-muted);
	font-size: 15px;
	line-height: 1.4;
	margin: 0;
}

.aculect-ai-companion-app-product {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: #0f172a;
	font-size: 15px;
	font-weight: 800;
	line-height: 1;
}

.aculect-ai-companion-app-icon {
	display: block;
	width: 34px;
	height: 34px;
	flex: 0 0 auto;
	border-radius: 8px;
}

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

.aculect-ai-companion-app-title {
	margin: 0;
	font-size: 32px;
	line-height: 1.1;
	letter-spacing: 0;
}

.aculect-ai-companion-pill {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
}

.aculect-ai-companion-pill--version {
	background: #1d2327;
	color: #fff;
}

.aculect-ai-companion-pill--status {
	background: #f0f0f1;
	color: var(--aculect-ai-companion-muted);
}

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

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

.aculect-ai-companion-admin-notices {
	margin: -10px 0 22px;
}

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

.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-tabs .components-tab-panel__tabs {
	margin-bottom: 18px;
	border-bottom: 1px solid var(--aculect-ai-companion-border);
}

.aculect-ai-companion-tabs .components-tab-panel__tabs-item {
	height: 46px;
	padding: 0 18px;
	font-weight: 700;
}

.aculect-ai-companion-tabs .components-tab-panel__tabs-item.is-active {
	box-shadow: inset 0 -3px var(--aculect-ai-companion-primary);
}

.aculect-ai-companion-card.components-card {
	border-color: var(--aculect-ai-companion-border);
	border-radius: 16px;
	box-shadow: 0 14px 35px rgba(0, 0, 0, 0.05);
}

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

.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-about-card .aculect-ai-companion-copy {
	width: 100%;
	max-width: 100%;
}

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

.aculect-ai-companion-feature-card {
	padding: 18px;
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 14px;
	background: var(--aculect-ai-companion-soft);
}

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

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

.aculect-ai-companion-connectors,
.aculect-ai-companion-provider-list,
.aculect-ai-companion-setup-method-list {
	display: grid;
	gap: 14px;
}

.aculect-ai-companion-endpoint-card {
	margin-bottom: 18px;
}

.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-lockdown {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	margin: 0 0 18px;
	padding: 16px;
	border: 1px solid #f0b849;
	border-radius: 12px;
	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-provider-card__header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 18px;
}

.aculect-ai-companion-provider-card__title {
	margin: 0 0 6px;
	font-size: 22px;
	line-height: 1.2;
}

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

.aculect-ai-companion-provider-panel {
	margin-top: 22px;
	padding-top: 20px;
	border-top: 1px solid var(--aculect-ai-companion-border);
}

.aculect-ai-companion-setup-method {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 18px;
	padding: 18px;
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 14px;
	background: var(--aculect-ai-companion-soft);
}

.aculect-ai-companion-setup-method.has-copy-fields {
	grid-template-columns: minmax(0, 1fr) minmax(280px, 0.9fr);
}

.aculect-ai-companion-setup-method__title {
	margin: 0 0 8px;
	font-size: 17px;
	font-weight: 800;
	line-height: 1.3;
}

.aculect-ai-companion-setup-method__description {
	margin: 0 0 14px;
	color: var(--aculect-ai-companion-muted);
	line-height: 1.55;
}

.aculect-ai-companion-setup-method__fields {
	padding: 16px;
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 12px;
	background: var(--aculect-ai-companion-surface);
}

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

.aculect-ai-companion-steps {
	margin: 0;
	padding-left: 24px;
	color: var(--aculect-ai-companion-muted);
	line-height: 1.7;
}

.aculect-ai-companion-steps--primary {
	margin-bottom: 22px;
}

.aculect-ai-companion-provider-actions,
.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__input {
	flex: 1 1 auto;
	min-width: 0;
	height: 40px;
	margin: 0;
	border: 1px solid var(--aculect-ai-companion-border);
	border-right: 0;
	border-radius: 8px 0 0 8px;
	background: #fff;
	font-family:
		ui-monospace,
		SFMono-Regular,
		Menlo,
		Monaco,
		Consolas,
		monospace;
}

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

.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: 12px;
	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-form--abilities {
	display: grid;
	gap: 20px;
}

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

.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: 12px;
	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-form--advanced {
	display: grid;
	gap: 20px;
	max-width: 760px;
}

.aculect-ai-companion-setting-row {
	padding: 18px;
	border: 1px solid var(--aculect-ai-companion-border);
	border-radius: 12px;
	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-activity-filters {
	display: grid;
	grid-template-columns: repeat(4, minmax(140px, 1fr)) auto auto;
	gap: 12px;
	align-items: end;
	margin: 0 0 18px;
}

.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-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;
}

.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-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);
}

.aculect-ai-companion-changelog-version {
	padding: 14px 0;
	border-bottom: 1px solid var(--aculect-ai-companion-border);
}

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

.aculect-ai-companion-changelog-version-title,
.aculect-ai-companion-changelog-group-title {
	margin: 0 0 8px;
}

.aculect-ai-companion-changelog-list {
	margin: 0 0 12px 20px;
}

.aculect-ai-companion-changelog-footer {
	margin: 18px 0 0;
}

@media (max-width: 900px) {

	.aculect-ai-companion-app-header,
	.aculect-ai-companion-feature-grid,
	.aculect-ai-companion-setting-summary,
	.aculect-ai-companion-setup-method.has-copy-fields,
	.aculect-ai-companion-session-row {
		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;
	}

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

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

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

@media (max-width: 600px) {

	.aculect-ai-companion-app-header {
		padding: 22px;
	}

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