/* ==========================================================================
   Agent Builder — Admin Styles
   All Agentic admin-page specific styles, enqueued on every Agentic screen.
   ========================================================================== */

/* ── Page footer bar (agentbuilder.php render_admin_page_links) ────── */
.agentic-page-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px 24px;
	width: 100%;
	box-sizing: border-box;
	margin: 32px 0 8px;
	font-size: 12px;
	color: #787c82;
	border-top: 1px solid #dcdcde;
	padding-top: 16px;
}

/* Modern admin page polish */
.agentic-agents-page .wrap,
.agentic-tools-page .wrap,
#agentic-chat .wrap {
	max-width: 1200px;
}

.agentic-card .button,
.agentic-card .button-primary {
	border-radius: 6px;
}

.agentic-card .widefat {
	border-radius: 6px;
	overflow: hidden;
	border-color: #dcdcde;
}
.agentic-page-footer-left { flex: 1 1 auto; }
.agentic-page-footer-right { flex: 0 0 auto; }
.agentic-page-footer a {
	color: #787c82;
	text-decoration: none;
}
.agentic-page-footer a:hover {
	color: #2271b1;
	text-decoration: underline;
}

/* ── Dashboard (admin/dashboard.php) ───────────────────────────────────────── */
.agentic-dashboard-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
	gap: 20px;
	margin-top: 20px;
}

.agentic-card {
	background: #fff;
	border: 1px solid #c3c4c7;
	border-radius: 8px;
	padding: 24px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
	transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

.agentic-card:hover {
	border-color: #8c8f94;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}

.agentic-card h2,
.agentic-card h3 {
	margin-top: 0;
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #f0f0f1;
	font-size: 16px;
	line-height: 1.3;
	color: #1d2327;
}

.agentic-card-wide {
	grid-column: 1 / -1;
}

.agentic-card-wide .widefat td,
.agentic-card-wide .widefat th {
	padding: 6px 8px;
}

/* Stronger, consistent table treatment inside modern cards across all admin pages */
.agentic-card .widefat,
.agentic-card table.widefat,
.agentic-card .striped {
	border: none !important;
	box-shadow: none;
	background: transparent;
}
.agentic-card .widefat th,
.agentic-card .widefat td {
	border-bottom: 1px solid #f0f0f1;
	padding: 10px 12px;
	vertical-align: middle;
}
.agentic-card .widefat thead th {
	background: #f6f7f7;
	font-weight: 600;
	color: #1d2327;
	border-bottom: 1px solid #dcdcde;
}
.agentic-card .widefat tr:last-child td {
	border-bottom: none;
}
.agentic-card .widefat .agentic-td-sm {
	font-size: 12px;
	color: #646970;
}
.agentic-card .widefat code.agentic-tool-tag {
	font-size: 11px;
	padding: 1px 6px;
}

/* Consistent empty states */
.agentic-empty-state {
	padding: 48px 24px;
	text-align: center;
	background: #f6f7f7;
	border-radius: 8px;
	border: 1px dashed #c3c4c7;
}
.agentic-empty-state p {
	margin: 0;
	color: #646970;
}

/* Dashboard status grid (impressive, card-like metrics) */
.agentic-status-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: 12px;
}
.agentic-status-item {
	background: #f6f7f7;
	border-radius: 6px;
	padding: 12px 14px;
}
.agentic-status-label {
	font-size: 11px;
	color: #646970;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 4px;
}
.agentic-status-value {
	font-size: 14px;
	font-weight: 600;
	color: #1d2327;
	line-height: 1.3;
}
.agentic-status-value a {
	text-decoration: none;
}

/* Impressive metric cards for dashboard (and reusable elsewhere) */
.agentic-metrics-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	gap: 12px;
}
.agentic-metric {
	background: #f6f7f7;
	border-radius: 8px;
	padding: 14px 16px;
	text-align: center;
	transition: transform 0.1s ease, box-shadow 0.1s ease;
}
.agentic-metric:hover {
	transform: translateY(-1px);
	box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
.agentic-metric-value {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.1;
	color: #1d2327;
	margin-bottom: 4px;
}
.agentic-metric-label {
	font-size: 11px;
	color: #646970;
	line-height: 1.3;
}
.agentic-metric-label a {
	text-decoration: none;
	color: inherit;
}
.agentic-metric-label a:hover {
	text-decoration: underline;
}

/* ═══════════════════════════════════════════════════════════════════
   PROFESSIONAL CONSISTENCY — LOWER PRIORITY PAGES
   Standardized headers, tabs, forms, and surfaces for a cohesive pro feel.
   ═══════════════════════════════════════════════════════════════════ */

/* Professional page headers */
.agentic-admin h1,
.wrap h1.wp-heading-inline {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 8px;
	color: #1d2327;
}
.agentic-admin .nav-tab-wrapper,
.wrap .nav-tab-wrapper {
	margin: 16px 0 24px;
	border-bottom: 1px solid #dcdcde;
	padding-bottom: 0;
}
.agentic-admin .nav-tab,
.wrap .nav-tab {
	font-size: 14px;
	padding: 10px 16px;
	margin-right: 4px;
	border-radius: 6px 6px 0 0;
	border-color: transparent;
	background: transparent;
}
.agentic-admin .nav-tab-active,
.wrap .nav-tab-active,
.agentic-admin .nav-tab:hover,
.wrap .nav-tab:hover {
	background: #fff;
	border-color: #c3c4c7 #c3c4c7 #fff;
}

/* Settings forms and tab content */
.agentic-settings-form .form-table th {
	width: 220px;
	font-weight: 600;
}
.agentic-settings-form .form-table td {
	padding: 12px 0;
}
.agentic-settings-form .description {
	font-size: 12.5px;
	color: #646970;
}

/* Consistent approval/skill/tool cards when not already using agentic-card */
.agentic-approval-group,
.agentic-skill-card,
.agentic-tool-row {
	background: #fff;
	border: 1px solid #dcdcde;
	border-radius: 8px;
	padding: 16px;
	margin-bottom: 12px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.03);
}
.agentic-approval-group:hover,
.agentic-skill-card:hover {
	border-color: #8c8f94;
	box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

/* Professional settings tab content area */
.agentic-settings-tab-content {
	background: #fff;
	border: 1px solid #dcdcde;
	border-radius: 8px;
	padding: 24px;
	margin-top: 8px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.03);
}
.agentic-settings-tab-content h2 {
	margin-top: 0;
	padding-bottom: 12px;
	border-bottom: 1px solid #f0f0f1;
}

.agentic-card .button {
	margin-bottom: 5px;
}

/* Status grid inside dashboard cards (License / Version / Schema / Jobs) */
.agentic-status-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: 12px;
}
.agentic-status-item {
	background: #f6f7f7;
	border-radius: 6px;
	padding: 12px 14px;
}
.agentic-status-label {
	font-size: 11px;
	color: #646970;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 4px;
}
.agentic-status-value {
	font-size: 14px;
	font-weight: 600;
	color: #1d2327;
	line-height: 1.3;
}
.agentic-status-value a {
	text-decoration: none;
}

/* Weekly Statistics tiles mirror Status tile styling. */
.agentic-metrics-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: 12px;
}
.agentic-metric {
	background: #f6f7f7;
	border-radius: 6px;
	padding: 12px 14px;
}
.agentic-metric-label {
	font-size: 11px;
	color: #646970;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 4px;
}
.agentic-metric-label a {
	color: inherit;
	text-decoration: none;
}
.agentic-metric-label a:hover {
	text-decoration: underline;
}
.agentic-metric-value {
	font-size: 14px;
	font-weight: 600;
	color: #1d2327;
	line-height: 1.3;
}

/* Pro nudge upsell (shown in free dashboard for channels/community/limits promotion) */
.agentic-pro-nudge {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	background: linear-gradient(90deg, #1e1b4b 0%, #312e81 100%);
	color: #fff;
	border-radius: 8px;
	padding: 0.75rem 1rem;
	margin-bottom: 1rem;
	font-size: 0.9rem;
}
.agentic-pro-nudge-text a {
	color: #a5b4fc;
	font-weight: 600;
	text-decoration: none;
}
.agentic-pro-nudge-text a:hover {
	text-decoration: underline;
}
.agentic-pro-nudge-dismiss {
	background: none;
	border: none;
	color: rgba(255,255,255,0.6);
	cursor: pointer;
	font-size: 1rem;
	line-height: 1;
	padding: 0.25rem;
	flex-shrink: 0;
}
.agentic-pro-nudge-dismiss:hover {
	color: #fff;
}

.agentic-quick-actions {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: 12px;
}

.agentic-quick-actions .button {
	margin: 0;
	text-align: center;
	justify-content: center;
	padding: 10px 14px;
	height: auto;
	line-height: 1.3;
	border-radius: 6px;
}

.agentic-provider-list {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.agentic-provider-row {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 14px;
	background: #f6f7f7;
	border-radius: 6px;
	font-size: 13px;
	transition: background 0.1s ease;
}

.agentic-provider-row:hover {
	background: #f0f0f1;
}

.agentic-provider-active {
	background: #edfaef;
	border: 1px solid #c3e6cb;
}

.agentic-provider-dot {
	font-size: 10px;
	line-height: 1;
}

.agentic-provider-name {
	flex: 1;
	font-weight: 500;
}

.agentic-provider-badge {
	font-size: 11px;
	background: #00a32a;
	color: #fff;
	padding: 1px 8px;
	border-radius: 10px;
	font-weight: 600;
}

.agentic-provider-set-default {
	font-size: 11px;
	text-decoration: none;
	color: #2271b1;
}

.agentic-provider-set-default:hover {
	color: #135e96;
}

/* ── Agents list (admin/agents.php) ────────────────────────────────────────── */
.agentic-agents-page .plugins tr.active th,
.agentic-agents-page .plugins tr.active td {
	background-color: #e7f4e7;
}

.agentic-agents-page .plugins tr.inactive th,
.agentic-agents-page .plugins tr.inactive td {
	background-color: #f9f9f9;
}

.agentic-agents-page .plugin-meta {
	margin-top: 8px;
	font-size: 12px;
	color: #666;
}

.agentic-agents-page .plugin-meta .separator {
	margin: 0 5px;
	color: #ccc;
}

.agentic-agents-page .search-form {
	float: right;
	margin: 0;
}

.agentic-agents-page .subsubsub {
	margin-bottom: 10px;
}

.agentic-agents-page .wp-list-table {
	margin-top: 10px;
}

.agentic-agents-page .column-name {
	width: 25%;
}

.agentic-agents-page .upload-agent-wrap {
	overflow: hidden;
}

.agentic-agents-page .upload-agent {
	box-sizing: border-box;
	display: block;
	margin: 0;
	padding: 50px 0;
	width: 100%;
	overflow: hidden;
	position: relative;
	text-align: center;
}

.agentic-agents-page .upload-agent .install-help {
	color: #50575e;
	font-size: 18px;
	font-style: normal;
	margin: 0;
	padding: 0;
	text-align: center;
}

.agentic-agents-page .upload-agent .wp-upload-form {
	background: #f6f7f7;
	border: 1px solid #c3c4c7;
	padding: 30px;
	margin: 30px auto;
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
}

.agentic-agents-page .upload-agent .wp-upload-form input[type="file"] {
	margin-right: 10px;
}

/* ── Add Agents (admin/agents-add.php) ─────────────────────────────────────── */
.agentic-add-agents-page .agentic-add-agents-description {
	font-size: 13px;
	color: #50575e;
	margin: 15px 0 10px;
}

.agentic-add-agents-page .upload-view-toggle .browse {
	display: none;
}

.agentic-add-agents-page.show-upload-view .upload-view-toggle .upload {
	display: none;
}

.agentic-add-agents-page.show-upload-view .upload-view-toggle .browse {
	display: inline;
}

.upload-agent-wrap {
	overflow: hidden;
}

.upload-agent {
	box-sizing: border-box;
	display: block;
	margin: 0;
	padding: 50px 0;
	width: 100%;
	overflow: hidden;
	position: relative;
	text-align: center;
}

.upload-agent .install-help {
	color: #50575e;
	font-size: 18px;
	font-style: normal;
	margin: 0;
	padding: 0;
	text-align: center;
}

.upload-agent .wp-upload-form {
	background: #f6f7f7;
	border: 1px solid #c3c4c7;
	padding: 30px;
	margin: 30px auto;
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
}

.upload-agent .wp-upload-form input[type="file"] {
	margin-right: 10px;
}

.agentic-add-agents-page .filter-links {
	display: flex;
	gap: 0;
	flex-wrap: wrap;
	margin: 0 0 15px;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #c3c4c7;
}

.agentic-add-agents-page .filter-links li {
	margin: 0;
}

.agentic-add-agents-page .filter-links a {
	display: inline-block;
	padding: 4px 14px;
	text-decoration: none;
	color: #50575e;
	font-size: 13px;
	line-height: 2;
	border: 1px solid transparent;
	border-bottom: none;
	background: none;
	border-radius: 0;
}

.agentic-add-agents-page .filter-links a:hover {
	color: #135e96;
}

.agentic-add-agents-page .filter-links a.current {
	background: #f0f0f1;
	border-color: #c3c4c7;
	color: #000;
	font-weight: 600;
	margin-bottom: -1px;
	padding-bottom: 5px;
}

.agentic-add-agents-page .search-form {
	float: right;
	margin-top: -40px;
}

/* Agent cards — mirror WP plugin-card layout */
.agentic-agent-cards {
	display: flex;
	flex-wrap: wrap;
}

.agentic-agent-cards .plugin-card {
	float: left;
	margin: 0 8px 16px;
	width: 48.5%;
	width: calc(50% - 8px);
	background-color: #fff;
	border: 1px solid #dcdcde;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.agentic-agent-cards .plugin-card:nth-child(odd) {
	clear: both;
	margin-left: 0;
}

.agentic-agent-cards .plugin-card:nth-child(even) {
	margin-right: 0;
}

@media screen and (min-width: 1100px) {
	.agentic-agent-cards .plugin-card {
		width: 30%;
		width: calc(33.1% - 8px);
	}

	.agentic-agent-cards .plugin-card:nth-child(odd) {
		clear: none;
		margin-left: 8px;
	}

	.agentic-agent-cards .plugin-card:nth-child(even) {
		margin-right: 8px;
	}

	.agentic-agent-cards .plugin-card:nth-child(3n+1) {
		clear: both;
		margin-left: 0;
	}

	.agentic-agent-cards .plugin-card:nth-child(3n) {
		margin-right: 0;
	}
}

.agentic-agent-cards .plugin-card-top {
	position: relative;
	padding: 20px 20px 10px;
	min-height: 135px;
}

.agentic-agent-cards .plugin-card h3 {
	margin: 0 12px 12px 0;
	font-size: 18px;
	line-height: 1.3;
}

.agentic-agent-cards .name.column-name,
.agentic-agent-cards .desc.column-description > p,
.agentic-agent-cards .desc.column-description .authors {
	margin-left: 148px;
}

@media (min-width: 1101px) {
	.agentic-agent-cards .name.column-name,
	.agentic-agent-cards .desc.column-description > p,
	.agentic-agent-cards .desc.column-description .authors {
		margin-right: 128px;
	}
}

@media (max-width: 1100px) {
	.agentic-agent-cards .name.column-name,
	.agentic-agent-cards .desc.column-description > p,
	.agentic-agent-cards .desc.column-description .authors {
		margin-left: 0;
	}

	.agentic-agent-cards .agent-icon-emoji {
		display: none;
	}
}

.agentic-agent-cards .desc.column-description {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.agentic-agent-cards .desc.column-description > p {
	margin-top: 0;
}

.agentic-agent-cards .authors {
	margin: 0 0 8px 0;
	font-size: 13px;
	color: #646970;
}

/* Agent icon — emoji square mimicking the 128x128 plugin icon */
.agentic-agent-cards .agent-icon-emoji {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 128px;
	height: 128px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	border-radius: 4px;
	font-size: 56px;
	line-height: 1;
}

/* Action links — top right, matching WP */
.agentic-agent-cards .action-links {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 120px;
}

.agentic-agent-cards .plugin-action-buttons {
	clear: right;
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
}

.agentic-agent-cards .plugin-action-buttons li {
	margin-bottom: 10px;
}

/* Bottom bar — matches WP plugin-card-bottom */
.agentic-agent-cards .plugin-card-bottom {
	clear: both;
	padding: 12px 20px;
	background-color: #f6f7f7;
	border-top: 1px solid #dcdcde;
	overflow: hidden;
}

.agentic-agent-cards .vers.column-rating {
	float: left;
	line-height: 1.76923076;
}

.agentic-agent-cards .column-rating,
.agentic-agent-cards .column-updated {
	margin-bottom: 4px;
}

.agentic-agent-cards .column-rating,
.agentic-agent-cards .column-downloaded {
	float: left;
	clear: left;
	max-width: 180px;
}

.agentic-agent-cards .column-updated,
.agentic-agent-cards .column-compatibility {
	text-align: right;
	float: right;
	clear: right;
	max-width: 260px;
}

.agentic-agent-cards .agent-category-badge {
	display: inline-block;
	padding: 2px 8px;
	background: #2271b1;
	color: #fff;
	border-radius: 3px;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 600;
}

.agentic-agent-cards .agent-tag {
	display: inline-block;
	padding: 1px 6px;
	background: #f0f0f1;
	border: 1px solid #dcdcde;
	border-radius: 3px;
	font-size: 11px;
	color: #50575e;
	margin-right: 2px;
}

.agentic-empty-library {
	text-align: center;
	padding: 60px 20px;
	color: #646970;
	font-size: 18px;
	font-style: normal;
	margin: 0;
}

.agentic-empty-library h2 {
	margin-bottom: 10px;
}

.no-plugin-results {
	width: 100%;
}

.agentic-create-agent-info {
	margin-top: 40px;
	padding: 25px;
	background: #fff;
	border: 1px solid #c3c4c7;
	border-left: 4px solid #2271b1;
}

.agentic-create-agent-info h3 {
	margin-top: 0;
}

.agentic-create-agent-info pre {
	background: #23282d;
	color: #eee;
	padding: 15px;
	border-radius: 4px;
	overflow-x: auto;
}

.agentic-create-agent-info code {
	font-size: 12px;
}

@media screen and (max-width: 782px) {
	.agentic-add-agents-page .search-form {
		float: none;
		margin: 15px 0;
	}

	.agentic-agent-cards .plugin-card {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.agentic-agent-cards .plugin-card:nth-child(odd) {
		clear: none;
	}
}

/* ── Tools (admin/tools.php) ───────────────────────────────────────────────── */
.agentic-toggle {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 22px;
	cursor: pointer;
}
.agentic-toggle input {
	opacity: 0;
	width: 0;
	height: 0;
}
.agentic-toggle-slider {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	background-color: #ccc;
	border-radius: 22px;
	transition: background-color 0.2s;
}
.agentic-toggle-slider::before {
	content: "";
	position: absolute;
	height: 16px;
	width: 16px;
	left: 3px;
	bottom: 3px;
	background-color: #fff;
	border-radius: 50%;
	transition: transform 0.2s;
}
.agentic-toggle input:checked + .agentic-toggle-slider {
	background-color: #2271b1;
}
.agentic-toggle input:checked + .agentic-toggle-slider::before {
	transform: translateX(18px);
}
.agentic-toggle input:focus + .agentic-toggle-slider {
	box-shadow: 0 0 0 2px rgba(34, 113, 177, 0.4);
}
.agentic-toggle.is-saving .agentic-toggle-slider {
	opacity: 0.5;
}

/* ── Approvals (admin/approvals.php) ───────────────────────────────────────── */
.agentic-approval-item button:disabled,
.agentic-backup-row button:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}
.agentic-approval-item.processing {
	opacity: 0.6;
	pointer-events: none;
}
.agentic-tab-badge {
	display: inline-block;
	min-width: 18px;
	height: 18px;
	line-height: 18px;
	padding: 0 5px;
	margin-left: 4px;
	border-radius: 9px;
	background: #d63638;
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	text-align: center;
	vertical-align: middle;
}
.nav-tab-active .agentic-tab-badge {
	background: #2271b1;
}
.agentic-backup-row.restoring td,
.agentic-table-backup-row.restoring td {
	opacity: 0.5;
}
.agentic-badge {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 3px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.4;
}
.agentic-badge-full {
	background: #e7f5ea;
	color: #1e7e34;
}
.agentic-badge-partial {
	background: #fff3cd;
	color: #856404;
}

/* ── Run Task (admin/run-task.php) ─────────────────────────────────────────── */
.agentic-spinner {
	width: 32px;
	height: 32px;
	border: 3px solid #dcdcde;
	border-top-color: #2271b1;
	border-radius: 50%;
	animation: agentic-spin 0.7s linear infinite;
	flex-shrink: 0;
}
@keyframes agentic-spin { to { transform: rotate(360deg); } }

/* Task output formatting */
.agentic-task-output {
	padding: 24px 28px;
	background: #fff;
	border: 1px solid #dcdcde;
	border-radius: 6px;
	max-height: 600px;
	overflow-y: auto;
	font-size: 13.5px;
	line-height: 1.7;
	color: #1d2327;
}
.agentic-task-output h3 {
	font-size: 15px;
	font-weight: 600;
	color: #1d2327;
	margin: 24px 0 10px;
	padding-bottom: 6px;
	border-bottom: 1px solid #f0f0f1;
}
.agentic-task-output h3:first-child {
	margin-top: 0;
}
.agentic-task-output h4 {
	font-size: 13.5px;
	font-weight: 600;
	color: #2271b1;
	margin: 18px 0 6px;
}
.agentic-task-output p {
	margin: 0 0 12px;
}
.agentic-task-output ul,
.agentic-task-output ol {
	margin: 0 0 12px;
	padding-left: 24px;
}
.agentic-task-output li {
	margin-bottom: 6px;
}
.agentic-task-output strong {
	color: #1d2327;
}
.agentic-task-output code {
	background: #f0f0f1;
	padding: 2px 6px;
	border-radius: 3px;
	font-size: 12.5px;
	font-family: Menlo, Consolas, monospace;
}
.agentic-task-output .agentic-severity-critical,
.agentic-task-output .agentic-severity-high {
	color: #b91c1c;
}
.agentic-task-output .agentic-severity-medium {
	color: #b45309;
}
.agentic-task-output .agentic-severity-low {
	color: #4d7c0f;
}

/* ── Train on Data (admin/train-data.php) ──────────────────────────────────── */
.agentic-td-subtitle { color: #646970; margin: -4px 0 12px; }
.agentic-td-subtitle a { text-decoration: none; }
.agentic-td-panel { background: #fff; border: 1px solid #c3c4c7; border-radius: 4px; padding: 20px 24px; margin-top: 0; }
.agentic-td-panel h3 { margin-top: 0; padding-bottom: 10px; border-bottom: 1px solid #eee; }

.agentic-td-balance-bar {
	display: flex; align-items: center; gap: 24px;
	background: #f0f0f1; border: 1px solid #c3c4c7; border-radius: 4px;
	padding: 10px 20px; margin-bottom: 16px;
}
.agentic-td-balance-item { display: flex; flex-direction: column; }
.agentic-td-balance-label { font-size: 11px; text-transform: uppercase; color: #646970; letter-spacing: 0.03em; }
.agentic-td-balance-value { font-size: 18px; font-weight: 600; color: #1d2327; }
.agentic-td-buy-btn { margin-left: auto !important; }

.agentic-td-scan-options { margin: 16px 0; }
.agentic-td-scan-type { display: flex; gap: 16px; margin-bottom: 12px; }
.agentic-td-scan-type label { cursor: pointer; }
.agentic-td-scan-filters { display: flex; gap: 20px; flex-wrap: wrap; }
.agentic-td-filter-row { display: flex; align-items: center; gap: 8px; }
.agentic-td-filter-row select { max-width: 200px; }

.agentic-td-results { margin-top: 20px; }
.agentic-td-results-header { display: flex; align-items: center; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #ddd; margin-bottom: 8px; }
.agentic-td-results-footer { display: flex; align-items: center; gap: 16px; margin-top: 16px; padding-top: 16px; border-top: 1px solid #ddd; }
.agentic-td-estimate { color: #646970; font-size: 13px; }

.agentic-td-content-list { max-height: 400px; overflow-y: auto; }
.agentic-td-content-item {
	display: flex; align-items: center; gap: 10px;
	padding: 8px 12px; border-bottom: 1px solid #f0f0f1;
	transition: background 0.15s;
}
.agentic-td-content-item:hover { background: #f6f7f7; }
.agentic-td-content-item label { flex: 1; cursor: pointer; display: flex; align-items: center; gap: 8px; }
.agentic-td-content-meta { font-size: 12px; color: #646970; }
.agentic-td-content-type { background: #ddd; padding: 2px 6px; border-radius: 3px; font-size: 11px; text-transform: uppercase; }
.agentic-td-content-status { font-size: 11px; }
.agentic-td-content-status.trained { color: #00a32a; }

.agentic-td-upload-zone {
	border: 2px dashed #c3c4c7; border-radius: 8px; padding: 48px 24px;
	text-align: center; cursor: pointer; transition: all 0.2s;
	background: #fafafa;
}
.agentic-td-upload-zone:hover,
.agentic-td-upload-zone.drag-over { border-color: #2271b1; background: #f0f6fc; }
.agentic-td-upload-icon .dashicons { font-size: 48px; width: 48px; height: 48px; color: #646970; }
.agentic-td-upload-text { font-size: 15px; margin: 12px 0 4px; color: #1d2327; }
.agentic-td-upload-hint { font-size: 12px; color: #646970; margin: 0; }

.agentic-td-upload-queue { margin-top: 20px; }
.agentic-td-file-list { margin-bottom: 12px; }
.agentic-td-file-item {
	display: flex; align-items: center; gap: 10px;
	padding: 8px 12px; background: #f6f7f7; border-radius: 4px; margin-bottom: 4px;
}
.agentic-td-file-item .dashicons { color: #646970; }
.agentic-td-file-name { flex: 1; font-weight: 500; }
.agentic-td-file-size { color: #646970; font-size: 12px; }
.agentic-td-file-remove { color: #b32d2e; cursor: pointer; text-decoration: none; font-size: 12px; }
.agentic-td-file-remove:hover { color: #a00; }
.agentic-td-upload-actions { display: flex; gap: 8px; }

.agentic-td-sources-toolbar { margin-bottom: 12px; }
.agentic-td-loading { padding: 24px; text-align: center; color: #646970; }
.agentic-td-loading .spinner { float: none; margin: 0 8px 0 0; }
.agentic-td-empty { text-align: center; padding: 40px 20px; color: #646970; }
.agentic-td-empty p { margin-top: 12px; }

.agentic-td-status-badge { display: inline-block; padding: 2px 8px; border-radius: 3px; font-size: 12px; font-weight: 500; }
.agentic-td-status-badge.ready { background: #d4edda; color: #155724; }
.agentic-td-status-badge.processing { background: #fff3cd; color: #856404; }
.agentic-td-status-badge.error { background: #f8d7da; color: #721c24; }

.agentic-td-progress { margin-top: 20px; padding: 16px; background: #f6f7f7; border-radius: 4px; }
.agentic-td-progress h4 { margin-top: 0; }
.agentic-td-progress-bar { height: 20px; background: #dcdcde; border-radius: 10px; overflow: hidden; margin-bottom: 8px; }
.agentic-td-progress-fill { height: 100%; background: #2271b1; border-radius: 10px; transition: width 0.4s ease; width: 0; }
.agentic-td-log { max-height: 200px; overflow-y: auto; font-family: monospace; font-size: 12px; background: #fff; border: 1px solid #dcdcde; border-radius: 3px; padding: 8px; margin-top: 8px; }
.agentic-td-log-entry { padding: 2px 0; }
.agentic-td-log-entry.success { color: #00a32a; }
.agentic-td-log-entry.error { color: #d63638; }
.agentic-td-log-entry.info { color: #646970; }

/* ── Usage / Costs (admin/costs.php) ───────────────────────────────────────── */
.agentic-costs-wrap {
	max-width: 1200px;
}
.agentic-costs-wrap h1 {
	font-size: 23px;
	font-weight: 400;
	margin: 0 0 4px;
	padding: 0;
	line-height: 1.3;
}
.agentic-costs-wrap .agentic-subtitle {
	color: #50575e;
	font-size: 13px;
	margin: 0 0 20px;
}

.agentic-metrics {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	margin-bottom: 24px;
}
.agentic-metric-card {
	background: #fff;
	border: 1px solid #c3c4c7;
	border-radius: 4px;
	padding: 20px 24px;
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.agentic-metric-card .agentic-metric-label {
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #50575e;
	margin: 0;
}
.agentic-metric-card .agentic-metric-value {
	font-size: 28px;
	font-weight: 600;
	color: #1d2327;
	margin: 4px 0 0;
	line-height: 1.2;
}
.agentic-metric-card .agentic-metric-detail {
	font-size: 12px;
	color: #787c82;
	margin: 4px 0 0;
}

.agentic-chart-wrap {
	background: #fff;
	border: 1px solid #c3c4c7;
	border-radius: 4px;
	padding: 20px 24px;
	margin-bottom: 24px;
}
.agentic-chart-wrap h2 {
	font-size: 14px;
	font-weight: 600;
	margin: 0 0 4px;
	color: #1d2327;
}
.agentic-chart-wrap .agentic-chart-subtitle {
	font-size: 12px;
	color: #787c82;
	margin: 0 0 16px;
}
.agentic-chart-empty {
	text-align: center;
	padding: 40px 20px;
	color: #787c82;
}
.agentic-chart-empty .dashicons {
	font-size: 48px;
	width: 48px;
	height: 48px;
	color: #c3c4c7;
	display: block;
	margin: 0 auto 12px;
}

.agentic-demo-notice {
	display: flex;
	align-items: center;
	gap: 10px;
	background: linear-gradient(135deg, #f0f6ff 0%, #f5f0ff 100%);
	border: 1px solid #c7d7fe;
	border-left: 4px solid #2563eb;
	border-radius: 4px;
	padding: 12px 16px;
	margin-bottom: 20px;
	font-size: 13px;
	color: #1d2327;
}
.agentic-demo-notice .dashicons {
	color: #2563eb;
	flex-shrink: 0;
}
.agentic-demo-tag {
	display: inline-block;
	background: #2563eb;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	padding: 2px 7px;
	border-radius: 3px;
	margin-left: 2px;
	vertical-align: middle;
}

.agentic-two-col {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
	margin-bottom: 24px;
}
@media (max-width: 960px) {
	.agentic-metrics { grid-template-columns: 1fr; }
	.agentic-two-col { grid-template-columns: 1fr; }
}

.agentic-section {
	background: #fff;
	border: 1px solid #c3c4c7;
	border-radius: 4px;
	padding: 20px 24px;
}
.agentic-section h2 {
	font-size: 14px;
	font-weight: 600;
	margin: 0 0 4px;
	color: #1d2327;
}
.agentic-section .agentic-section-desc {
	font-size: 12px;
	color: #787c82;
	margin: 0 0 16px;
}

.agentic-section table {
	width: 100%;
	border-collapse: collapse;
	font-size: 13px;
}
.agentic-section table thead th {
	text-align: left;
	font-weight: 600;
	font-size: 12px;
	color: #50575e;
	padding: 8px 10px;
	border-bottom: 2px solid #c3c4c7;
	white-space: nowrap;
}
.agentic-section table thead th.agentic-col-right {
	text-align: right;
}
.agentic-section table tbody td {
	padding: 8px 10px;
	border-bottom: 1px solid #f0f0f1;
	vertical-align: middle;
	color: #1d2327;
}
.agentic-section table tbody td.agentic-col-right {
	text-align: right;
	font-variant-numeric: tabular-nums;
}
.agentic-section table tbody tr:last-child td {
	border-bottom: none;
}

.agentic-td-credit-cards {
	display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 16px; margin-bottom: 24px;
}
.agentic-td-credit-card {
	background: #f6f7f7; border: 1px solid #dcdcde; border-radius: 6px;
	padding: 16px; text-align: center;
}
.agentic-td-credit-card-label { font-size: 12px; text-transform: uppercase; color: #646970; letter-spacing: 0.03em; margin-bottom: 4px; }
.agentic-td-credit-card-value { font-size: 28px; font-weight: 700; color: #1d2327; }
.agentic-td-credit-card-sub { font-size: 12px; color: #646970; margin-top: 2px; }

.agentic-td-pricing-summary { margin-bottom: 24px; }
.agentic-td-pricing-summary h4 { margin-bottom: 8px; }
.agentic-td-pricing-summary table { max-width: 500px; }

.agentic-td-transactions h4 { margin-bottom: 8px; }
.agentic-td-transactions-footer { margin-top: 8px; }
.agentic-td-usage-actions { margin-top: 24px; text-align: center; }

/* ── LLM Pricing (admin/settings-llm.php) ──────────────────────────────────── */
.agentic-llm-grid { display: grid; grid-template-columns: 1fr 2fr; gap: 20px; margin-top: 20px; }
@media (max-width: 1200px) { .agentic-llm-grid { grid-template-columns: 1fr; } }
.agentic-llm-section { background: #fff; border: 1px solid #c3c4c7; border-radius: 4px; padding: 20px 24px; }
.agentic-llm-section h2 { font-size: 14px; font-weight: 600; margin: 0 0 4px; color: #1d2327; }
.agentic-llm-section .description { font-size: 12px; color: #787c82; margin: 0 0 16px; }
.agentic-llm-section table { width: 100%; border-collapse: collapse; font-size: 13px; }
.agentic-llm-section table thead th { text-align: left; font-weight: 600; font-size: 12px; color: #50575e; padding: 8px 10px; border-bottom: 2px solid #c3c4c7; white-space: nowrap; }
.agentic-llm-section table thead th.col-right { text-align: right; }
.agentic-llm-section table tbody td { padding: 6px 10px; border-bottom: 1px solid #f0f0f1; vertical-align: middle; color: #1d2327; }
.agentic-llm-section table tbody td.col-right { text-align: right; font-variant-numeric: tabular-nums; }
.agentic-llm-section table tbody tr:last-child td { border-bottom: none; }
.agentic-llm-section table tbody tr.provider-header td { background: #f6f7f7; font-weight: 600; padding: 10px 10px 6px; border-bottom: 1px solid #e0e0e0; }
.agentic-llm-section table tbody tr.model-row td { padding-left: 24px; font-size: 12px; }
.agentic-llm-section table tbody tr.model-row td:first-child { color: #50575e; }
.agentic-llm-alert-field { margin-bottom: 12px; }
.agentic-llm-alert-field label { display: block; font-weight: 600; font-size: 12px; margin-bottom: 4px; color: #1d2327; }
.agentic-llm-alert-field input[type="email"] { width: 100%; box-sizing: border-box; }
.agentic-llm-threshold-row { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.agentic-llm-threshold-row .label { width: 56px; font-size: 13px; color: #50575e; }
.agentic-llm-threshold-row input[type="number"] { width: 80px; }
.agentic-llm-disclaimer { margin-top: 20px; color: #787c82; font-size: 12px; line-height: 1.6; }

/* ── Health check (admin/settings-health.php) ──────────────────────────────── */
.ab-health-wrap {
	max-width: 860px;
	margin: 24px 0 64px;
}
.ab-health-intro {
	color: #50575e;
	font-size: 14px;
	margin: 0 0 28px;
	line-height: 1.6;
}
.ab-health-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	margin-bottom: 16px;
}
@media (max-width: 900px) {
	.ab-health-grid { grid-template-columns: 1fr; }
}
.ab-health-card {
	background: #fff;
	border: 1px solid #c3c4c7;
	border-radius: 6px;
	padding: 20px 22px;
	display: flex;
	gap: 14px;
	align-items: flex-start;
}
.ab-health-card.ok   { border-left: 4px solid #00a32a; }
.ab-health-card.fail { border-left: 4px solid #d63638; }
.ab-health-card.warn { border-left: 4px solid #dba617; }
.ab-health-icon {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	font-weight: 700;
	margin-top: 2px;
}
.ab-health-icon.ok   { background: #d1e7dd; color: #00a32a; }
.ab-health-icon.fail { background: #f8d7da; color: #d63638; }
.ab-health-icon.warn { background: #fff3cd; color: #856404; }
.ab-health-body { flex: 1; min-width: 0; }
.ab-health-title {
	font-size: 14px;
	font-weight: 700;
	color: #1e1e1e;
	margin: 0 0 4px;
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}
.ab-health-badge {
	font-size: 11px;
	font-weight: 600;
	padding: 2px 7px;
	border-radius: 10px;
	letter-spacing: 0.3px;
	text-transform: uppercase;
}
.ab-health-badge.ok   { background: #d1e7dd; color: #0a3622; }
.ab-health-badge.fail { background: #f8d7da; color: #58151c; }
.ab-health-badge.warn { background: #fff3cd; color: #664d03; }
.ab-health-desc {
	font-size: 13px;
	color: #50575e;
	line-height: 1.6;
	margin: 0 0 8px;
}
.ab-health-meta {
	font-size: 12px;
	color: #8c8f94;
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}
.ab-health-meta span { display: flex; align-items: center; gap: 4px; }
.ab-health-error {
	font-size: 12px;
	color: #d63638;
	margin-top: 4px;
	word-break: break-all;
}
.ab-health-section-title {
	font-size: 14px;
	font-weight: 600;
	color: #1e1e1e;
	margin: 0 0 12px;
}

/* ── CLI deployment (admin/deployment-cli.php) ─────────────────────────────── */
.agentic-cli-toggle {
	position: relative;
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	height: 22px;
	width: 40px;
}
.agentic-cli-toggle input {
	opacity: 0;
	width: 0;
	height: 0;
	position: absolute;
}
.agentic-cli-slider {
	position: absolute;
	inset: 0;
	background-color: #ccc;
	border-radius: 22px;
	transition: .2s;
}
.agentic-cli-slider:before {
	content: '';
	position: absolute;
	height: 16px;
	width: 16px;
	left: 3px;
	top: 3px;
	background-color: white;
	border-radius: 50%;
	transition: .2s;
}
.agentic-cli-toggle input:checked + .agentic-cli-slider {
	background-color: #2271b1;
}
.agentic-cli-toggle input:checked + .agentic-cli-slider:before {
	transform: translateX(18px);
}
[contenteditable]:focus {
	border-color: #2271b1 !important;
	background: #f0f6fc;
}

/* ── Settings — theme card hover (admin/settings.php) ──────────────────────── */
.agentic-theme-card:hover { border-color: #2271b1 !important; }
.agentic-theme-card:has(input:checked) { border-color: #2271b1 !important; box-shadow: 0 0 0 1px #2271b1; }

/* ── Consent (admin/consent.php) ───────────────────────────────────────────── */
.agentic-consent-wrap {
	max-width: 620px;
	margin: 60px auto;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.agentic-consent-card {
	background: #fff;
	border: 1px solid #c3c4c7;
	border-radius: 8px;
	padding: 40px 48px;
	text-align: center;
}
.agentic-consent-card h1 {
	font-size: 24px;
	margin: 0 0 8px;
}
.agentic-consent-card .subtitle {
	color: #646970;
	font-size: 14px;
	line-height: 1.6;
	margin: 0 0 28px;
}
.agentic-consent-card .disclosure {
	background: #f6f7f7;
	border: 1px solid #dcdcde;
	border-radius: 4px;
	padding: 16px 20px;
	text-align: left;
	font-size: 13px;
	line-height: 1.7;
	color: #50575e;
	margin: 0 0 28px;
}
.agentic-consent-card .disclosure strong {
	display: block;
	margin-bottom: 6px;
	color: #1e1e1e;
}
.agentic-consent-card .disclosure ul {
	margin: 6px 0 0;
	padding-left: 18px;
}
.agentic-consent-actions {
	display: flex;
	gap: 12px;
	justify-content: center;
	flex-wrap: wrap;
}
.agentic-consent-actions .button {
	min-width: 180px;
	padding: 8px 24px;
	font-size: 14px;
}
.agentic-consent-links {
	margin-top: 20px;
	font-size: 12px;
	color: #646970;
}
.agentic-consent-links a {
	color: #2271b1;
	text-decoration: none;
}

/* ── Signup (admin/signup.php) ─────────────────────────────────────────────── */
.agentic-signup-wrap {
	max-width: 780px;
	margin: 40px auto;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.agentic-signup-card {
	background: #fff;
	border: 1px solid #c3c4c7;
	border-radius: 8px;
	padding: 36px 40px 32px;
	box-shadow: 0 1px 3px rgba(0,0,0,.04);
}
.agentic-signup-card .agentic-logo {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 20px;
}
.agentic-signup-card .agentic-logo img {
	width: 32px;
	height: 32px;
}
.agentic-signup-card .agentic-logo span {
	font-size: 18px;
	font-weight: 600;
	color: #1e1e1e;
}
.agentic-signup-card h1 {
	font-size: 22px;
	margin: 0 0 6px;
	color: #1e1e1e;
}
.agentic-signup-card .subtitle {
	color: #646970;
	font-size: 13.5px;
	line-height: 1.6;
	margin: 0 0 24px;
}
.agentic-signup-field {
	margin-bottom: 16px;
}
.agentic-signup-field label {
	display: block;
	font-size: 13px;
	font-weight: 500;
	color: #1e1e1e;
	margin-bottom: 4px;
}
.agentic-model-loading-badge {
	font-size: 10px;
	font-weight: 400;
	color: #646970;
	background: #f0f0f1;
	border-radius: 3px;
	padding: 1px 6px;
	margin-left: 6px;
	vertical-align: middle;
}
.agentic-signup-section-heading {
	font-size: 13px;
	font-weight: 600;
	color: #50575e;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin: 24px 0 12px;
	padding-bottom: 6px;
	border-bottom: 1px solid #e0e0e0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.agentic-reset-btn {
	font-size: 11px;
	font-weight: 500;
	text-transform: none;
	letter-spacing: 0;
	color: #646970;
	background: transparent;
	border: 1px solid #c3c4c7;
	border-radius: 3px;
	padding: 2px 8px;
	cursor: pointer;
	line-height: 1.6;
}
.agentic-reset-btn:hover {
	color: #1e1e1e;
	border-color: #8c8f94;
}
.agentic-signup-field input[type="text"],
.agentic-signup-field input[type="email"],
.agentic-signup-field input[type="url"] {
	width: 100%;
	padding: 8px 12px;
	font-size: 14px;
	border: 1px solid #8c8f94;
	border-radius: 4px;
	box-sizing: border-box;
	background: #fff;
}
.agentic-signup-field select {
	width: 100%;
	padding: 8px 36px 8px 12px;
	font-size: 14px;
	border: 1px solid #8c8f94;
	border-radius: 4px;
	box-sizing: border-box;
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2350575e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 10px center;
	appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
	height: auto;
}
.agentic-signup-field input[readonly] {
	background: #f6f7f7;
	color: #646970;
}
.agentic-field-note,
.agentic-signup-field .field-note {
	font-size: 11.5px;
	color: #646970;
	margin-top: 2px;
}
.agentic-signup-consent {
	margin: 20px 0 24px;
}
.agentic-signup-consent label {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	font-size: 13px;
	color: #50575e;
	line-height: 1.5;
	margin-bottom: 10px;
	cursor: pointer;
}
.agentic-signup-consent input[type="checkbox"] {
	margin-top: 2px;
	flex-shrink: 0;
}
.agentic-signup-consent a {
	color: #2271b1;
	text-decoration: none;
}
.agentic-signup-consent a:hover {
	text-decoration: underline;
}
.agentic-signup-actions {
	display: flex;
	flex-direction: column;
	gap: 12px;
	align-items: center;
}
.agentic-signup-actions .button-primary {
	width: 100%;
	padding: 10px 24px;
	font-size: 14px;
	font-weight: 600;
	height: auto;
	line-height: 1.4;
}
.agentic-signup-actions .button-primary:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}
.agentic-signup-skip {
	font-size: 13px;
	color: #646970;
	text-align: center;
	margin-top: 4px;
}
.agentic-signup-skip a {
	color: #2271b1;
	text-decoration: none;
}
.agentic-signup-skip a:hover {
	text-decoration: underline;
}
.agentic-signup-msg {
	font-size: 13px;
	margin-top: 12px;
	text-align: center;
	min-height: 20px;
}
.agentic-signup-msg.error { color: #d63638; }
.agentic-signup-msg.success { color: #00a32a; }
.agentic-signup-footer {
	text-align: center;
	margin-top: 20px;
	font-size: 12px;
	color: #646970;
	line-height: 1.6;
}


/* ── Signup config two-column grid ────────────── */
.agentic-config-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	border: 1px solid #dcdcde;
	border-radius: 6px;
	overflow: hidden;
	margin-bottom: 20px;
}
.agentic-config-col-head {
	padding: 8px 14px;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	color: #50575e;
	background: #f6f7f7;
	border-bottom: 1px solid #dcdcde;
}
.agentic-config-col-head:first-child {
	border-right: 1px solid #dcdcde;
}
.agentic-config-cell {
	padding: 11px 14px 13px;
	border-bottom: 1px solid #f0f0f1;
	box-sizing: border-box;
}
.agentic-config-cell:nth-last-child(-n+2) {
	border-bottom: none;
}
.agentic-config-setting {
	border-right: 1px solid #dcdcde;
}
.agentic-config-setting label {
	display: block;
	font-size: 12px;
	font-weight: 600;
	color: #1e1e1e;
	margin-bottom: 5px;
}
.agentic-config-setting select {
	width: 100%;
	padding: 7px 30px 7px 10px;
	font-size: 13px;
	border: 1px solid #8c8f94;
	border-radius: 4px;
	box-sizing: border-box;
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2350575e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 8px center;
	appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
}
.agentic-config-explanation {
	font-size: 12.5px;
	color: #50575e;
	line-height: 1.55;
}
.agentic-config-explanation strong {
	display: block;
	color: #1e1e1e;
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 3px;
}
.agentic-config-explanation p {
	margin: 0 0 3px;
}
.agentic-config-explanation .explain-quota {
	color: #00a32a;
	font-size: 12px;
	margin-top: 6px;
}
.agentic-config-explanation .explain-cost {
	color: #a7aaad;
	font-size: 11.5px;
	margin-top: 2px;
}

/* ── WhatsApp channel ──────────────────────────── */
.wa-gate-wrap {
	max-width: 600px;
	margin: 48px 0 80px;
}
.wa-gate-card {
	background: #fff;
	border: 1px solid #c3c4c7;
	border-radius: 8px;
	overflow: hidden;
	text-align: center;
}
.wa-gate-body {
	padding: 48px 48px 32px;
}
.wa-gate-icon {
	font-size: 56px;
	line-height: 1;
	margin-bottom: 16px;
}
.wa-gate-body h2 {
	font-size: 20px;
	font-weight: 700;
	color: #1e1e1e;
	margin: 0 0 10px;
}
.wa-gate-body p {
	color: #50575e;
	font-size: 14px;
	line-height: 1.7;
	margin: 0 0 28px;
	max-width: 420px;
	margin-left: auto;
	margin-right: auto;
}
.wa-gate-cta {
	display: inline-block;
	background: #2271b1;
	color: #fff;
	border-radius: 4px;
	padding: 11px 28px;
	font-size: 15px;
	font-weight: 700;
	text-decoration: none;
	line-height: 1.4;
	transition: background 0.15s;
}
.wa-gate-cta:hover { background: #135e96; color: #fff; }
.wa-gate-perks {
	display: flex;
	justify-content: center;
	gap: 24px;
	margin: 28px 0 0;
	flex-wrap: wrap;
}
.wa-gate-perk {
	font-size: 13px;
	color: #50575e;
	display: flex;
	align-items: center;
	gap: 6px;
}
.wa-gate-perk-icon { color: #00a32a; font-size: 14px; }
.wa-gate-footer {
	background: #f6f7f7;
	border-top: 1px solid #c3c4c7;
	padding: 14px 48px;
	font-size: 13px;
	color: #50575e;
}
.wa-gate-footer a { color: #2271b1; text-decoration: none; }
.wa-gate-footer a:hover { text-decoration: underline; }
/* ── Wizard shell ──────────────────────────────────────────── */
.wa-wiz-wrap {
	max-width: 700px;
	margin: 24px 0 64px;
}

/* ── Step nav ──────────────────────────────────────────────── */
.wa-wiz-steps {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	margin: 20px 0 28px;
}
.wa-wiz-step {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	color: #8c8f94;
	white-space: nowrap;
}
.wa-wiz-step-dot {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #ddd;
	color: #8c8f94;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 700;
	flex-shrink: 0;
	transition: background 0.2s, color 0.2s;
}
.wa-wiz-step.active .wa-wiz-step-dot  { background: #2271b1; color: #fff; }
.wa-wiz-step.done   .wa-wiz-step-dot  { background: #00a32a; color: #fff; }
.wa-wiz-step.active .wa-wiz-step-label,
.wa-wiz-step.done   .wa-wiz-step-label { color: #1e1e1e; font-weight: 600; }
.wa-wiz-connector {
	flex: 0 0 32px;
	height: 2px;
	background: #ddd;
	margin: 0 4px;
	transition: background 0.2s;
}
.wa-wiz-connector.done { background: #00a32a; }

/* ── Card ──────────────────────────────────────────────────── */
.wa-wiz-card {
	background: #fff;
	border: 1px solid #c3c4c7;
	border-radius: 8px;
	overflow: hidden;
}
.wa-wiz-panel { display: none; }
.wa-wiz-panel--active { display: block; }
.wa-wiz-panel-body { padding: 32px 36px 24px; }
.wa-wiz-panel-body h2 {
	font-size: 18px;
	font-weight: 700;
	color: #1e1e1e;
	margin: 0 0 6px;
}
.wa-wiz-panel-body .wa-wiz-lead {
	color: #50575e;
	font-size: 14px;
	margin: 0 0 24px;
	line-height: 1.6;
}
.wa-wiz-footer {
	background: #f6f7f7;
	border-top: 1px solid #c3c4c7;
	padding: 16px 36px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}
.wa-wiz-footer-right { display: flex; align-items: center; gap: 10px; }

/* ── Buttons ───────────────────────────────────────────────── */
.wa-btn-primary {
	background: #2271b1;
	color: #fff;
	border: none;
	border-radius: 4px;
	padding: 9px 20px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	text-decoration: none;
	display: inline-block;
	line-height: 1.4;
	transition: background 0.15s;
}
.wa-btn-primary:hover { background: #135e96; color: #fff; }
.wa-btn-primary:disabled { background: #a5c4e0; cursor: not-allowed; }
.wa-btn-secondary {
	background: #fff;
	color: #2271b1;
	border: 1px solid #2271b1;
	border-radius: 4px;
	padding: 9px 20px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	text-decoration: none;
	display: inline-block;
	line-height: 1.4;
	transition: background 0.15s;
}
.wa-btn-secondary:hover { background: #f0f6fc; color: #2271b1; }
.wa-btn-ghost {
	background: none;
	border: none;
	color: #8c8f94;
	font-size: 13px;
	cursor: pointer;
	padding: 0;
	text-decoration: none;
}
.wa-btn-ghost:hover { color: #50575e; text-decoration: underline; }

/* ── Checklist (step 1) ────────────────────────────────────── */
.wa-wiz-checklist { margin: 0 0 22px; display: flex; flex-direction: column; gap: 10px; }
.wa-wiz-check {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 14px;
	color: #1e1e1e;
}
.wa-wiz-check-icon {
	width: 22px;
	height: 22px;
	background: #e6f4ea;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	margin-top: 1px;
	font-size: 12px;
	color: #00a32a;
	font-weight: 700;
}
.wa-wiz-check b { color: #1e1e1e; }
.wa-wiz-check span { color: #50575e; font-size: 13px; }

.wa-wiz-info-box {
	background: #f0f6fc;
	border-left: 4px solid #2271b1;
	border-radius: 0 4px 4px 0;
	padding: 12px 16px;
	font-size: 13px;
	color: #1e1e1e;
	line-height: 1.6;
}

/* ── Instruction list (step 2) ─────────────────────────────── */
.wa-wiz-steps-list {
	list-style: none;
	padding: 0;
	margin: 0 0 28px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.wa-wiz-steps-list li {
	display: flex;
	align-items: flex-start;
	gap: 14px;
}
.wa-wiz-step-n {
	width: 26px;
	height: 26px;
	background: #2271b1;
	color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 700;
	flex-shrink: 0;
	margin-top: 2px;
}
.wa-wiz-steps-list li p {
	margin: 0;
	font-size: 13.5px;
	line-height: 1.65;
	color: #1e1e1e;
}
.wa-wiz-steps-list a { color: #2271b1; }

/* ── Form fields ───────────────────────────────────────────── */
.wa-wiz-field { margin-bottom: 20px; }
.wa-wiz-field label {
	display: block;
	font-size: 13px;
	font-weight: 600;
	color: #1e1e1e;
	margin-bottom: 6px;
}
.wa-wiz-field .wa-wiz-field-hint {
	font-size: 12px;
	color: #50575e;
	margin-bottom: 8px;
}
.wa-wiz-field input[type="text"],
.wa-wiz-field input[type="password"] {
	width: 100%;
	padding: 9px 12px;
	border: 1px solid #8c8f94;
	border-radius: 4px;
	font-size: 14px;
	box-sizing: border-box;
}
.wa-wiz-field input:focus {
	border-color: #2271b1;
	outline: 2px solid rgba(34,113,177,0.2);
}
.wa-wiz-field .wa-wiz-saved-badge {
	margin-left: 10px;
	font-size: 12px;
	color: #00a32a;
}
.wa-wiz-optional-label {
	font-size: 11px;
	font-weight: 400;
	color: #8c8f94;
	margin-left: 5px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}
.wa-wiz-field select {
	width: 100%;
	padding: 9px 12px;
	border: 1px solid #8c8f94;
	border-radius: 4px;
	font-size: 14px;
	box-sizing: border-box;
}
.wa-wiz-field textarea {
	width: 100%;
	padding: 9px 12px;
	border: 1px solid #8c8f94;
	border-radius: 4px;
	font-size: 13px;
	box-sizing: border-box;
	resize: vertical;
}

/* ── Divider ───────────────────────────────────────────────── */
.wa-wiz-divider {
	border: none;
	border-top: 1px solid #f0f0f1;
	margin: 24px 0;
}

/* ── Copy blocks (step 3) ──────────────────────────────────── */
.wa-wiz-copy-block {
	background: #f6f7f7;
	border: 1px solid #c3c4c7;
	border-radius: 6px;
	padding: 14px 16px;
	margin-bottom: 14px;
}
.wa-wiz-copy-label {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: #50575e;
	margin-bottom: 8px;
}
.wa-wiz-copy-row {
	display: flex;
	align-items: center;
	gap: 10px;
}
.wa-wiz-copy-value {
	flex: 1;
	font-family: monospace;
	font-size: 13px;
	color: #1e1e1e;
	word-break: break-all;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 7px 10px;
}

/* ── Test result (step 4) ──────────────────────────────────── */
.wa-wiz-test-result {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	padding: 10px 14px;
	border-radius: 6px;
	margin-top: 14px;
}
.wa-wiz-test-result.success { background: #e6f4ea; color: #1a7431; }
.wa-wiz-test-result.error   { background: #fff4f4; color: #d63638; }

/* ── Success (step 5) ──────────────────────────────────────── */
.wa-wiz-success {
	text-align: center;
	padding: 20px 0 8px;
}
.wa-wiz-success-icon { font-size: 52px; line-height: 1; margin-bottom: 14px; }
.wa-wiz-success h2 { font-size: 22px; font-weight: 700; color: #1e1e1e; margin: 0 0 10px; }
.wa-wiz-success p  { color: #50575e; font-size: 14px; margin: 0 0 24px; }
.wa-wiz-next-steps {
	display: flex;
	flex-direction: column;
	gap: 10px;
	text-align: left;
	max-width: 420px;
	margin: 0 auto 20px;
}
.wa-wiz-next-step-card {
	border: 1px solid #c3c4c7;
	border-radius: 6px;
	padding: 14px 16px;
	display: flex;
	align-items: center;
	gap: 14px;
	text-decoration: none;
	color: inherit;
	transition: border-color 0.15s, background 0.15s;
}
.wa-wiz-next-step-card:hover {
	border-color: #2271b1;
	background: #f0f6fc;
	color: inherit;
}
.wa-wiz-next-step-card-icon {
	font-size: 26px;
	flex-shrink: 0;
}
.wa-wiz-next-step-card-title {
	font-size: 14px;
	font-weight: 600;
	color: #1e1e1e;
	margin-bottom: 2px;
}
.wa-wiz-next-step-card-desc {
	font-size: 12px;
	color: #50575e;
}

/* ── Toggle (used in step 4) ───────────────────────────────── */
.wa-wiz-toggle-row {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 20px;
}
.wa-wiz-toggle-label {
	font-size: 14px;
	font-weight: 600;
	color: #1e1e1e;
}
.wa-wiz-toggle-hint { font-size: 12px; color: #50575e; }

/* ── Fork cards (step 1) ────────────────────────────────────── */
.wa-wiz-fork {
	display: flex;
	gap: 14px;
	margin-top: 24px;
}
.wa-wiz-fork-card {
	flex: 1;
	background: #fff;
	border: 2px solid #c3c4c7;
	border-radius: 8px;
	padding: 18px 20px;
	text-align: left;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	gap: 4px;
	transition: border-color 0.15s, background 0.15s;
}
.wa-wiz-fork-card:hover {
	border-color: #2271b1;
	background: #f0f6fc;
}
.wa-wiz-fork-card-icon  { font-size: 26px; line-height: 1; margin-bottom: 6px; }
.wa-wiz-fork-card-title { font-size: 14px; font-weight: 700; color: #1e1e1e; }
.wa-wiz-fork-card-desc  { font-size: 12px; color: #50575e; line-height: 1.5; margin-top: 2px; }
.wa-wiz-fork-card-cta   { font-size: 13px; font-weight: 600; color: #2271b1; margin-top: 10px; }
.agentic-toggle {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 22px;
	cursor: pointer;
}
.agentic-toggle input { opacity: 0; width: 0; height: 0; }
.agentic-toggle-slider {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	background-color: #ccc;
	border-radius: 22px;
	transition: background-color 0.2s;
}
.agentic-toggle-slider::before {
	content: "";
	position: absolute;
	height: 16px; width: 16px;
	left: 3px; bottom: 3px;
	background-color: #fff;
	border-radius: 50%;
	transition: transform 0.2s;
}
.agentic-toggle input:checked + .agentic-toggle-slider { background-color: #25D366; }
.agentic-toggle input:checked + .agentic-toggle-slider::before { transform: translateX(18px); }
.agentic-toggle input:disabled + .agentic-toggle-slider { opacity: 0.4; cursor: not-allowed; }

/* ── PSI notice ────────────────────────────────────────────────── */
.agentic-psi-notice { position: relative; padding-right: 38px; }
.agentic-psi-notice form { margin-bottom: 12px; }
.agentic-psi-notice input[type="text"] { width: 350px; font-family: monospace; }
.agentic-psi-notice .agentic-psi-dismiss {
	position: absolute;
	top: 0;
	right: 1px;
	border: none;
	margin: 0;
	padding: 9px;
	background: none;
	color: #787c82;
	cursor: pointer;
}

/* ── Premium update check ─────────────────────────────────────── */
#agentic-check-update { margin-left: 8px; vertical-align: baseline; }
#agentic-update-result { margin-left: 8px; }

/* ── Modal widget default chat height ────────────────────────── */
.agentic-modal-widget .agentic-chat-container { --agentic-chat-height: 500px; }

/* ── Status colours ─────────────────────────────────────────────── */
.agentic-status-active   { color: #00a32a; font-weight: 600; }
.agentic-status-expiring { color: #dba617; font-weight: 600; }
.agentic-status-error    { color: #d63638; }
.agentic-text-muted      { color: #646970; }
.agentic-text-subtle     { color: #787c82; }
.agentic-text-dimmed     { color: #50575e; }
.agentic-text-amber      { color: #856404; }
.agentic-text-success    { color: #15803d; }
.agentic-text-danger     { color: #b32d2e; }
.agentic-text-blue       { color: #2271b1; }
.agentic-text-sm         { font-size: 13px; }
.agentic-text-xs         { font-size: 12px; }
.agentic-text-xxs        { font-size: 11px; }
.agentic-text-lg         { font-size: 20px; }

/* ── Badges / pills ─────────────────────────────────────────────── */
.agentic-badge         { display: inline-block; padding: 2px 8px; border-radius: 3px; font-size: 12px; }
.agentic-badge-blue    { background: #dbeafe; color: #1e40af; }
.agentic-badge-amber   { background: #fef3c7; color: #92400e; }
.agentic-badge-green   { background: #d1fae5; color: #065f46; }
.agentic-badge-indigo  { background: #e0e7ff; color: #3730a3; }
.agentic-badge-primary {
	display: inline-block;
	padding: 1px 6px;
	background: #0073aa;
	color: #fff;
	border-radius: 3px;
	font-size: 10px;
	vertical-align: middle;
	text-transform: uppercase;
	letter-spacing: .04em;
}
.agentic-badge-featured {
	background: #fef3c7;
	color: #92400e;
	padding: 1px 6px;
	border-radius: 3px;
	font-size: 10px;
	white-space: nowrap;
}

/* Pill badges (rounded, used in trigger list) */
.agentic-badge-pill-blue { display: inline-block; background: #e8f0fe; color: #1a73e8; padding: 2px 7px; border-radius: 10px; font-size: 11px; font-weight: 600; }
.agentic-badge-pill-grey { display: inline-block; background: #f0f0f0; color: #646970; padding: 2px 7px; border-radius: 10px; font-size: 11px; font-weight: 600; }

/* Agent icon in table rows */
.agentic-agent-icon { font-size: 16px; vertical-align: -2px; }

/* MCP connection badges */
.agentic-mcp-badge-live    { display: inline-block; margin-left: 6px; padding: 2px 6px; background: #dcfce7; border-radius: 3px; font-size: 11px; color: #166534; }
.agentic-mcp-badge-offline { display: inline-block; margin-left: 6px; padding: 2px 6px; background: #f3f4f6; border-radius: 3px; font-size: 11px; color: #9ca3af; }

/* MCP adapter status pills */
.agentic-mcp-status-ok {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 14px;
	background: #dcfce7;
	border: 1px solid #86efac;
	border-radius: 20px;
	color: #166534;
	font-weight: 600;
	font-size: 13px;
}
.agentic-mcp-status-warn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 14px;
	background: #fef9c3;
	border: 1px solid #fde047;
	border-radius: 20px;
	color: #713f12;
	font-weight: 600;
	font-size: 13px;
}
.agentic-mcp-dashicon { font-size: 16px; width: 16px; height: 16px; }

/* Channel status dot */
.agentic-status-dot { display: inline-block; width: 7px; height: 7px; background: #00a32a; border-radius: 50%; }

/* ── Info / note boxes ─────────────────────────────────────────── */
.agentic-info-box     { margin-top: 20px; padding: 15px; background: #f5f5f5; border-radius: 4px; }
.agentic-info-box ul  { margin: 0; list-style: disc; padding-left: 20px; }
.agentic-info-box ul ul { list-style: circle; padding-left: 20px; margin: 4px 0; }

.agentic-callout-blue { background: #f0f6fc; border-left: 4px solid #2271b1; padding: 16px 20px; border-radius: 0 4px 4px 0; }
.agentic-callout-blue > p:first-child { margin-top: 0; }
.agentic-callout-blue > p:last-child  { margin-bottom: 0; }

.agentic-callout-warning { padding: 14px 16px; background: #fff3cd; border-left: 4px solid #ffc107; }
.agentic-callout-warning > p:first-child { margin-top: 0; }
.agentic-callout-warning > p:last-child  { margin-bottom: 0; }

/* ── Cards / panels ─────────────────────────────────────────────── */
.agentic-card     { background: #fff; border: 1px solid #dcdcde; border-radius: 4px; padding: 20px 24px 24px; }
.agentic-card h2,
.agentic-card h3  { margin-top: 0; }

.agentic-form-card          { background: #fff; border: 1px solid #ccd0d4; box-shadow: 0 1px 2px rgba(0,0,0,.07); margin-top: 16px; max-width: 720px; }
.agentic-form-card-head     { padding: 16px 20px; border-bottom: 1px solid #eee; }
.agentic-form-card-head h3  { margin: 0; font-size: 15px; }
.agentic-form-card-body     { padding: 20px; }

/* Memory / simple settings card */
.agentic-settings-box { background: #fff; border: 1px solid #c3c4c7; border-radius: 4px; padding: 16px 20px; margin-bottom: 20px; max-width: 600px; }

/* MCP quick-setup box */
.agentic-mcp-setup-box    { background: #f6f7f7; border: 1px solid #c3c4c7; border-radius: 4px; padding: 20px 24px; margin-bottom: 24px; }
.agentic-mcp-setup-box h3 { margin: 0 0 12px; }
.agentic-mcp-setup-box ol { margin: 0; padding-left: 20px; line-height: 1.9; }

/* MCP STDIO box */
.agentic-mcp-stdio-box     { background: #f0f6fc; border-left: 4px solid #0073aa; padding: 16px 20px; margin-top: 20px; border-radius: 0 4px 4px 0; }
.agentic-mcp-stdio-box p   { margin: 0 0 8px; }
.agentic-mcp-stdio-box pre { margin: 12px 0 0; font-size: 12px; background: #fff; padding: 12px; border: 1px solid #c3c4c7; border-radius: 3px; overflow-x: auto; }

/* ── Layout utilities ───────────────────────────────────────────── */
.agentic-flex-gap-8        { display: flex; align-items: center; gap: 8px; }
.agentic-flex-gap-6        { display: flex; align-items: center; gap: 6px; }
.agentic-flex-gap-12       { display: flex; align-items: center; gap: 12px; }
.agentic-flex-end          { display: flex; align-items: center; justify-content: flex-end; }
.agentic-flex-between      { display: flex; justify-content: space-between; align-items: center; }
.agentic-flex-between-wrap { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px; }
.agentic-section-heading   { margin-top: 2em; }
.agentic-nowrap            { white-space: nowrap; }
.agentic-text-center       { text-align: center; }
.agentic-mt-0              { margin-top: 0; }
.agentic-section-h2        { margin-top: 0; font-size: 1.2em; }
.agentic-section-h2b       { margin-top: 0; font-size: 1.1em; }
.agentic-code-meta         { font-size: 11px; color: #787c82; margin-left: 4px; }
.agentic-code-muted        { font-size: 11px; color: #757575; }
.agentic-small-muted       { font-weight: normal; color: #757575; font-size: 0.9em; }
.agentic-cli-count         { font-weight: normal; color: #757575; font-size: 12px; }
.agentic-form-inline       { display: inline; }
.agentic-overflow-x        { overflow-x: auto; }

/* ── Form utilities ─────────────────────────────────────────────── */
.agentic-select-full    { width: 100%; max-width: 100%; }
.agentic-textarea-full  { width: 100%; max-width: 600px; font-size: 13px; box-sizing: border-box; }
.agentic-select-sc      { max-width: calc(100% - 24px); }
.agentic-input-mono     { font-family: monospace; }
.agentic-input-num-sm   { width: 70px; }
.agentic-input-disabled { width: 80px; opacity: .5; }
.agentic-select-sm      { font-size: 13px; padding: 2px 6px; }

/* ── Button-link (stripped of all browser chrome) ──────────────── */
.agentic-btn-link        { background: none; border: none; padding: 0; cursor: pointer; font-size: 13px; }
.agentic-btn-link-blue   { color: #0073aa; }
.agentic-btn-link-danger { color: #b32d2e; }
.agentic-btn-danger      { color: #b91c1c; }

/* ── Table utilities ────────────────────────────────────────────── */
.agentic-table-sm   { font-size: 13px; }
.agentic-td-center  { text-align: center; }
.agentic-td-nowrap  { white-space: nowrap; }
.agentic-th-center  { text-align: center; white-space: nowrap; }
.agentic-table-auto { table-layout: auto; }
.agentic-table-mt   { margin-top: 20px; }
.agentic-table-mt-0 { margin-top: 0; }
.agentic-table-600  { max-width: 600px; }
.agentic-table-700  { max-width: 700px; }
.agentic-table-780  { max-width: 780px; }

/* ── Clamped tool/ability descriptions (full text via title tooltip) ── */
.agentic-desc-clamp {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	max-width: 520px;
}
.agentic-desc-clamp.is-truncated {
	cursor: help;
}

/* ── Deployment nav ─────────────────────────────────────────────── */
.agentic-deploy-nav { margin-bottom: 20px; }

/* WhatsApp channel layout */
.agentic-wa-layout  { display: flex; gap: 24px; align-items: flex-start; margin-top: 16px; }
.agentic-wa-sidebar { flex: 0 0 380px; }
.agentic-wa-main    { flex: 1; min-width: 0; }
.agentic-wa-success { background: #edf7e8; border: 1px solid #00a32a; border-radius: 4px; padding: 12px 16px; margin-top: 14px; display: flex; align-items: center; gap: 10px; font-size: 13px; }
.agentic-wa-warning { background: #fff8e1; border: 1px solid #f0b400; border-radius: 4px; padding: 12px 16px; margin-top: 14px; font-size: 13px; }

/* ── CLI commands page ──────────────────────────────────────────── */
.agentic-cli-section              { margin-bottom: 40px; }
.agentic-cli-section h2           { margin-top: 0; font-size: 1.2em; }
.agentic-cli-section > p.description { margin-bottom: 16px; }
.agentic-cli-details              { margin-bottom: 16px; border: 1px solid #ddd; border-radius: 4px; overflow: hidden; }
.agentic-cli-summary              { padding: 10px 14px; background: #f6f7f7; cursor: pointer; font-weight: 600; display: flex; align-items: center; gap: 8px; user-select: none; }
.agentic-cli-table                { border: none; border-top: 1px solid #ddd; }
.agentic-cli-footer               { padding: 10px 14px; background: #f6f7f7; border-top: 1px solid #ddd; display: flex; gap: 8px; align-items: center; }
.agentic-cli-status-msg           { margin-left: 12px; font-size: 13px; }
.agentic-cli-status-note          { margin-top: 10px; color: #757575; font-size: 12px; }
.agentic-cli-add-row              { margin-top: 12px; }
.agentic-cli-pattern-cell,
.agentic-cli-pattern      { display: block; padding: 4px; border: 1px solid transparent; border-radius: 3px; font-size: 12px; outline: none; cursor: text; white-space: nowrap; }
.agentic-cli-label-cell,
.agentic-cli-label        { display: block; padding: 4px; border: 1px solid transparent; border-radius: 3px; font-size: 13px; outline: none; cursor: text; }
.agentic-cli-remove-btn,
.agentic-cli-remove-cmd   { color: #d63638; border-color: #d63638; }

/* ── Shortcodes page ────────────────────────────────────────────── */
.agentic-sc-preview  { margin: 10px 0 20px; padding: 12px 16px; background: #f6f7f7; border: 1px solid #c3c4c7; border-radius: 4px; }
.agentic-sc-code     { display: inline-block; margin-left: 8px; font-size: 13px; }
.agentic-sc-copyable { cursor: pointer; font-size: 12px; padding: 4px 8px; background: #f0f0f1; display: inline-block; max-width: 100%; overflow-x: auto; }

/* ── Security log ───────────────────────────────────────────────── */
.agentic-security-2col  { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 0 0 24px; }
.agentic-security-modal { background: #fff; padding: 30px; border-radius: 5px; max-width: 500px; box-shadow: 0 5px 15px rgba(0,0,0,0.3); }

/* ── Run Task page ──────────────────────────────────────────────── */
.agentic-run-card   { display: flex; align-items: center; gap: 14px; padding: 20px 24px; background: #f0f6fc; border: 1px solid #c3daf5; border-radius: 6px; max-width: 600px; }
.agentic-run-title  { font-size: 15px; font-weight: 600; color: #1d2327; }
.agentic-run-meta   { margin-top: 4px; color: #646970; font-size: 13px; }
.agentic-timer      { font-variant-numeric: tabular-nums; font-weight: 600; color: #2271b1; }
.agentic-timer-info { margin-left: 8px; }

/* ── Skills page ────────────────────────────────────────────────── */
.agentic-skills-section   { max-width: 800px; }
.agentic-skills-wide      { max-width: 900px; }
.agentic-hub-results      { min-height: 100px; }
.agentic-recommended      { margin: 16px 0 24px; }
.agentic-recommended-grid { min-height: 60px; }

/* ── Settings section dividers ──────────────────────────────────── */
.agentic-section-divider { padding-bottom: 6px; border-bottom: 1px solid #c3c4c7; }

/* ── Card title heading ─────────────────────────────────────────── */
.agentic-card-title { margin-top: 0; font-size: 15px; display: flex; align-items: center; gap: 8px; }

/* ── Action row (buttons/status below forms or tables) ─────────── */
.agentic-action-row { margin-top: 16px; display: flex; gap: 8px; align-items: center; }

/* ── Row states ─────────────────────────────────────────────────── */
.agentic-row-inactive { opacity: 0.5; }
.agentic-row-disabled { opacity: 0.6; }

/* ── WA footer variant ──────────────────────────────────────────── */
.wa-wiz-footer--center      { justify-content: center; }
.wa-wiz-footer--embedded    { margin: 24px -36px -24px; border-radius: 0 0 8px 8px; }
.wa-wiz-footer--embedded-sm { margin: 10px -36px -24px; border-radius: 0 0 8px 8px; }
.wa-wiz-logo-svg       { vertical-align: -4px; margin-right: 6px; }
.wa-wiz-steps-list--spaced { margin-top: 22px; }
.wa-btn-secondary--copy    { padding: 7px 14px; font-size: 13px; flex-shrink: 0; }
.wa-btn-secondary--sm      { font-size: 13px; }
.wa-wiz-no-agents          { margin: 6px 0 0; font-size: 12px; color: #d63638; }
.wa-wiz-info-box--centered { max-width: 420px; margin: 0 auto; }

/* ── Generic spacing utilities ──────────────────────────────────── */
.agentic-ml-8  { margin-left: 8px; }
.agentic-mt-6  { margin-top: 6px; }
.agentic-mt-8  { margin-top: 8px; }
.agentic-mt-12 { margin-top: 12px; }
.agentic-mt-16 { margin-top: 16px; }
.agentic-mt-20 { margin-top: 20px; }
.agentic-mt-32 { margin-top: 32px; }
.agentic-mb-12 { margin-bottom: 12px; }

/* ── WA re-run wizard link bar ──────────────────────────────────── */
.agentic-wa-rerun   { display: flex; align-items: center; justify-content: flex-end; margin-top: 12px; margin-bottom: -6px; }
.agentic-wa-rerun a { font-size: 13px; color: #2271b1; text-decoration: none; }

/* ── Table column widths ────────────────────────────────────────── */
.agentic-col-8   { width:   8%; }
.agentic-col-9   { width:   9%; }
.agentic-col-10  { width:  10%; }
.agentic-col-11  { width:  11%; }
.agentic-col-14  { width:  14%; }
.agentic-col-15  { width:  15%; }
.agentic-col-16  { width:  16%; }
.agentic-col-18  { width:  18%; }
.agentic-col-20  { width:  20%; }
.agentic-col-22  { width:  22%; }
.agentic-col-25  { width:  25%; }
.agentic-col-40  { width:  40px; }
.agentic-col-44  { width:  44px; }
.agentic-col-60  { width:  60px; }
.agentic-col-80  { width:  80px; }
.agentic-col-90  { width:  90px; }
.agentic-col-100 { width: 100px; }
.agentic-col-110 { width: 110px; }
.agentic-col-120 { width: 120px; }
.agentic-col-130 { width: 130px; }
.agentic-col-140 { width: 140px; }
.agentic-col-160 { width: 160px; }
.agentic-col-180 { width: 180px; }
.agentic-col-200 { width: 200px; }

/* ── Input widths ───────────────────────────────────────────────── */
.agentic-input-100 { width: 100px; }
.agentic-input-220 { width: 220px; }

/* ── Empty state card ───────────────────────────────────────────── */
.agentic-empty-state   { background: #fff; border: 1px solid #c3c4c7; border-radius: 4px; padding: 40px 20px; text-align: center; color: #646970; }
.agentic-empty-state p { font-size: 14px; margin: 0; }

/* ── Row / cell utilities ───────────────────────────────────────── */
.agentic-row-pointer  { cursor: pointer; }
.agentic-td-dark      { color: #1d2327; }
.agentic-td-sm        { font-size: 12px; color: #646970; }

/* ── Tool code tag ──────────────────────────────────────────────── */
.agentic-tool-tag { font-size: 11px; background: #f0f0f1; padding: 1px 5px; border-radius: 3px; display: inline-block; margin: 1px 2px; }

/* ── Pagination row ─────────────────────────────────────────────── */
.agentic-pagination { margin-top: 12px; display: flex; gap: 6px; }

/* ── Conversation detail cell ───────────────────────────────────── */
.agentic-conv-detail-cell { padding: 16px 24px; background: #f6f7f7; }
/* Messages pane that lives inside the <details> element */
.agentic-conv-details .agentic-conv-messages { max-height: 420px; overflow-y: auto;
    margin-top: 8px; padding: 12px; background: #f6f7f7; border: 1px solid #dcdcde;
    border-radius: 4px; }

/* ── Conversation message bubbles (JS-generated) ────────────────── */
.agentic-msg-bubble       { border: 1px solid #ddd; border-radius: 6px; padding: 10px 14px; margin-bottom: 8px; }
.agentic-msg-bubble--user { background: #e8f0fe; }
.agentic-msg-bubble--agent{ background: #fff; }
.agentic-msg-header       { display: flex; justify-content: space-between; margin-bottom: 4px; }
.agentic-msg-sender       { font-size: 12px; }
.agentic-msg-time         { font-size: 11px; color: #646970; }
.agentic-msg-tools        { margin-bottom: 6px; }
.agentic-msg-body         { font-size: 13px; line-height: 1.5; white-space: pre-wrap; }

/* ═══════════════════════════════════════════════════════════════════
   IMPRESSIVE CONVERSATIONS UI — Reasoning Trace (P0 Observability)
   First-class, modern, premium experience inside the admin drawer.
   ═══════════════════════════════════════════════════════════════════ */

/* Container inside <details> */
.agentic-conv-details .agentic-conv-messages {
	max-height: 520px;
	overflow-y: auto;
	margin-top: 10px;
	padding: 16px;
	background: #fff;
	border: 1px solid #dcdcde;
	border-radius: 8px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}

/* Session trace header */
.agentic-trace-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 14px;
	padding-bottom: 12px;
	border-bottom: 1px solid #f0f0f1;
}
.agentic-trace-header h4 {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
	color: #1d2327;
}
.agentic-trace-meta {
	font-size: 12px;
	color: #646970;
	display: flex;
	gap: 12px;
	align-items: center;
}
.agentic-trace-meta span {
	background: #f6f7f7;
	padding: 2px 8px;
	border-radius: 999px;
}

/* Vertical modern timeline for reasoning trace */
.agentic-trace-timeline {
	position: relative;
	margin: 8px 0 4px;
	padding-left: 28px;
}
.agentic-trace-timeline::before {
	content: '';
	position: absolute;
	left: 11px;
	top: 8px;
	bottom: 8px;
	width: 2px;
	background: #dcdcde;
	border-radius: 1px;
}

/* Individual step in the trace */
.agentic-trace-step {
	position: relative;
	margin-bottom: 14px;
}
.agentic-trace-step:last-child {
	margin-bottom: 4px;
}
.agentic-trace-step::before {
	content: '';
	position: absolute;
	left: -28px;
	top: 6px;
	width: 12px;
	height: 12px;
	background: #fff;
	border: 2px solid #2271b1;
	border-radius: 50%;
	z-index: 2;
	box-shadow: 0 0 0 3px #f6f7f7;
}

/* Step type colors */
.agentic-trace-step--thinking::before { border-color: #2271b1; background: #e8f0fe; }
.agentic-trace-step--tool::before     { border-color: #00a32a; background: #e8f5e9; }
.agentic-trace-step--final::before    { border-color: #8c4ef0; background: #f3e8ff; }

.agentic-trace-step-header {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 6px;
	font-size: 12px;
	font-weight: 600;
	color: #1d2327;
}
.agentic-trace-step-header .dashicons {
	font-size: 15px;
	width: 15px;
	height: 15px;
}
.agentic-trace-step-header .time {
	margin-left: auto;
	font-weight: 400;
	color: #646970;
	font-size: 11px;
}

/* Reasoning content — the star of the show */
.agentic-trace-reasoning {
	background: #f8f9fa;
	border-left: 3px solid #2271b1;
	padding: 10px 14px;
	border-radius: 6px;
	font-size: 13px;
	line-height: 1.55;
	color: #2c3338;
	margin-bottom: 8px;
	white-space: pre-wrap;
}

/* Tool badges inside trace (more premium than basic tags) */
.agentic-trace-tools {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 6px;
}
.agentic-trace-tools code {
	background: #f0f6ff;
	color: #0a4b83;
	border: 1px solid #b3d4ff;
	padding: 2px 8px;
	border-radius: 999px;
	font-size: 11px;
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/* Small meta row (tokens, cost, provider) */
.agentic-trace-meta-row {
	font-size: 11px;
	color: #646970;
	margin-top: 6px;
	display: flex;
	gap: 10px;
}

/* Improved message bubbles when shown alongside trace */
.agentic-conv-messages .agentic-msg-bubble {
	border-radius: 8px;
	border-color: #dcdcde;
	box-shadow: 0 1px 2px rgba(0,0,0,0.03);
}
.agentic-conv-messages .agentic-msg-bubble--agent {
	background: #fafafa;
}
.agentic-conv-messages .agentic-msg-body {
	font-size: 13.5px;
}

/* Empty / loading states inside impressive drawer */
.agentic-conv-messages .agentic-trace-empty {
	padding: 24px;
	text-align: center;
	color: #646970;
	font-size: 13px;
}

/* ── Dynamic notice (run-task, JS-generated) ────────────────────── */
.agentic-notice-success-compact { border-left-color: #00a32a; padding: 12px 16px; }
.agentic-notice-success-compact p { margin: 0; font-size: 14px; }
.agentic-notice-error-compact { padding: 12px 16px; }
.agentic-notice-error-compact p:first-child { margin: 0; font-size: 14px; }
.agentic-notice-error-compact p + p { margin: 8px 0 0; color: #646970; }

/* ── Select min-width utilities ─────────────────────────────────── */
.agentic-select-260 { min-width: 260px; }
.agentic-select-280 { min-width: 280px; }
.agentic-select-320 { min-width: 320px; }

/* ── Admin filter form flex row ─────────────────────────────────── */
.agentic-filter-form { display: flex; align-items: center; gap: 8px; margin-bottom: 16px; flex-wrap: wrap; }

/* ── Deployment: info note footer ───────────────────────────────── */
.agentic-info-note { margin-top: 20px; padding: 14px 16px; background: #f6f7f7; border-radius: 4px; font-size: 13px; color: #646970; }

/* ── Event-listener trigger form ────────────────────────────────── */
.agentic-trigger-form             { background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 20px; margin-bottom: 24px; }
.agentic-trigger-form .form-table { margin: 0; }
.agentic-trigger-form-th          { width: 160px; padding: 8px 10px 8px 0; }
.agentic-trigger-form-td          { padding: 8px 0; }
.agentic-trigger-status           { font-size: 13px; }
.agentic-btn-danger-outline       { color: #d63638; border-color: #d63638; }

/* ── Small admin icon ───────────────────────────────────────────── */
.agentic-icon-sm    { vertical-align: middle; margin-right: 10px; }
.agentic-icon-align { vertical-align: -2px; }
.agentic-icon-top   { margin-top: 4px; }

/* ── Dashboard connected providers ─────────────────────────────── */
.agentic-providers-h3 { font-size: 13px; margin: 16px 0 8px; color: #50575e; }
.agentic-provider-dot { color: #00a32a; }

/* ── Deployment embed instructions ─────────────────────────────── */
.agentic-embed-note    { margin-top: 20px; padding: 15px; background: #f5f5f5; border-radius: 4px; }
.agentic-embed-note h3 { margin-top: 0; }
.agentic-embed-note ul { margin: 0; list-style: disc; padding-left: 20px; }

/* ── Dashboard activity header ──────────────────────────────────── */
.agentic-widget-header    { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.agentic-widget-header h2 { margin: 0; }

/* ── Deployment admin-ui role table ─────────────────────────────── */
.agentic-role-table   { border-collapse: collapse; }
.agentic-role-cell-th { padding: 3px 16px 3px 0; }
.agentic-role-cell-td { padding: 3px 0; }
.agentic-role-label   { display: flex; align-items: center; gap: 6px; white-space: nowrap; }
.agentic-field-label  { display: block; margin-bottom: 5px; }

/* ── Section with margin-top override ───────────────────────────── */
.agentic-section--mt-20 { margin-top: 20px; }
.agentic-section--mt-32 { margin-top: 32px; }

/* ── Notice inline margin ───────────────────────────────────────── */
.agentic-notice-mt { margin: 0 0 20px; }

/* ── Provider row highlight ─────────────────────────────────────── */
.agentic-row-highlight { background: #f0f7fb; }

/* ── Shortcodes page heading ────────────────────────────────────── */
.agentic-shortcodes-h2 { margin-top: 30px; }

/* ── Website deployment ─────────────────────────────────────────── */
.agentic-deploy-website-notice { margin-top: 16px; padding: 12px 16px; }

/* ── Security log modal overlay ─────────────────────────────────── */
.agentic-modal-overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0;
                         background: rgba(0,0,0,.5); z-index: 99999; align-items: center;
                         justify-content: center; }
.agentic-modal-overlay.active { display: flex; }

/* ── Costs page section ─────────────────────────────────────────── */
.agentic-costs-service-cards { margin-top: 12px; }
.agentic-costs-table-loading { text-align: center; color: #787c82; padding: 14px 0; }
.agentic-costs-h2             { margin: 0; }

/* ── Settings LLM description margin ────────────────────────────── */
.agentic-llm-desc { margin: 15px 0 5px; color: #50575e; }

/* ── Settings health card actions ───────────────────────────────── */
.agentic-health-action-wrap { margin-top: 8px; }
.agentic-health-btn         { font-size: 12px; min-height: 28px; line-height: 26px; padding: 0 10px; }

/* ── Skills page ────────────────────────────────────────────────── */
.agentic-skills-description { color: #646970; font-size: 12px; }

/* ═══════════════════════════════════════════════════════════════════
   BATCH 3 — Added during inline-style removal pass
   ═══════════════════════════════════════════════════════════════════ */

/* Spacing additions */
.agentic-mt-4  { margin-top: 4px; }
.agentic-mt-24 { margin-top: 24px; }
.agentic-mb-8  { margin-bottom: 8px; }
.agentic-mb-10 { margin-bottom: 10px; }
.agentic-mb-20 { margin-bottom: 20px; }

/* Additional color utilities */
.agentic-status-inactive { color: #b91c1c; }
.agentic-text-info       { color: #72aee6; }
.agentic-text-green      { color: #22c55e; }
.agentic-text-dim        { color: #6b7280; }
.agentic-text-dark       { color: #1d2327; }
.agentic-text-amber-warn { color: #856404; }
.agentic-text-fw600      { font-weight: 600; }

/* Stats / security grid */
.agentic-stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; margin: 16px 0 24px; }
.agentic-grid-2col  { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 0 0 24px; }
.agentic-stat-card  { background: #fff; padding: 16px 20px; border: 1px solid #dcdcde; border-radius: 4px; }
/* Use high-specificity selectors so WP admin heading defaults don't bleed in */
.agentic-stat-card .agentic-stat-card-title { margin: 0 0 6px; font-size: 12px; font-weight: 400;
    text-transform: uppercase; letter-spacing: .04em; color: #646970; line-height: 1.3; }
.agentic-stat-card .agentic-stat-card-value { margin: 0; font-size: 34px; font-weight: 700;
    color: #1d2327; line-height: 1; }
.agentic-stat-card-red   { border-left: 4px solid #d63638; }
.agentic-stat-card-amber { border-left: 4px solid #dba617; }
.agentic-stat-card-blue  { border-left: 4px solid #2271b1; }
.agentic-stat-card-green { border-left: 4px solid #00a32a; }

/* Code utilities */
.agentic-code-pre    { max-width: 600px; max-height: 300px; overflow: auto; font-size: 11px;
                       background: #f5f5f5; padding: 8px; white-space: pre-wrap; word-break: break-all; }
.agentic-code-detail { margin-top: 8px; padding: 8px; background: #f5f5f5; border-radius: 4px; overflow-x: auto; }
.agentic-code-detail pre { margin: 0; font-size: 11px; white-space: pre-wrap; }
.agentic-code-sm-dim { font-size: 12px; padding: 2px 6px; background: #f0f0f1; border-radius: 3px; }
.agentic-code-xs-dim { font-size: 11px; background: #f0f0f1; padding: 1px 5px; border-radius: 3px; }
.agentic-code-mcp-sm { font-size: 11px; color: #646970; }
.agentic-code-mcp-path { word-break: break-all; font-size: 12px; }
.agentic-text-dim-sm { color: #999; font-size: 12px; }
.agentic-cursor-ptr  { cursor: pointer; }

/* Table extras */
.agentic-table-960     { max-width: 960px; }
.agentic-table-1200    { max-width: 1200px; }
.agentic-table-auto    { table-layout: auto; }
.agentic-td-empty-center { text-align: center; padding: 40px; }
.agentic-row-hl-blue  { background: #f0f6fc; }
.agentic-row-alt      { background: #f9f9f9; }
.agentic-td-special   { padding: 8px 12px; font-weight: 600; font-size: 11px; text-transform: uppercase;
                        letter-spacing: .5px; color: #2271b1; }
.agentic-td-overflow  { max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.agentic-td-meta      { font-size: 12px; color: #646970; }

/* Form cards */
.agentic-form-card-640 { background: #fff; border: 1px solid #ccd0d4; box-shadow: 0 1px 2px rgba(0,0,0,.07);
                         margin-top: 24px; max-width: 640px; }

/* Shortcodes form */
.agentic-sc-preview { margin: 10px 0 20px; padding: 12px 16px; background: #f6f7f7;
                      border: 1px solid #c3c4c7; border-radius: 4px; }
.agentic-sc-preview code { display: inline-block; font-size: 13px; }

/* Integrations channel tabs */
.agentic-channel-tabs { margin: 16px 0 24px; display: flex; gap: 8px; }
.agentic-emoji-icon   { font-size: 16px; }

/* API page info box */
.agentic-api-info     { margin-top: 32px; padding: 16px 20px; background: #f0f6fc;
                        border-left: 4px solid #2271b1; max-width: 960px; }
.agentic-api-info > p { margin: 0; }

/* Run-task live status box */
.agentic-task-running-box { display: flex; align-items: center; gap: 14px; padding: 20px 24px;
                            background: #f0f6fc; border: 1px solid #c3daf5; border-radius: 6px;
                            max-width: 700px; }
.agentic-task-title { font-size: 15px; font-weight: 600; color: #1d2327; }
.agentic-task-meta  { margin-top: 4px; color: #646970; font-size: 13px; }
.agentic-timer      { font-variant-numeric: tabular-nums; font-weight: 600; color: #2271b1; }
.agentic-notice-600 { max-width: 600px; }

/* Security log dialog */
.agentic-dialog-overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0;
                          background: rgba(0,0,0,0.5); z-index: 100000;
                          align-items: center; justify-content: center; }
.agentic-dialog-overlay.active { display: flex; }
.agentic-dialog-box { background: #fff; padding: 30px; border-radius: 5px;
                      max-width: 500px; box-shadow: 0 5px 15px rgba(0,0,0,0.3); }

/* Section heading divider variants */
.agentic-section-divider    { margin-top: 20px; padding-bottom: 6px; border-bottom: 1px solid #c3c4c7; }
.agentic-section-divider-24 { margin-top: 24px; padding-bottom: 6px; border-bottom: 1px solid #c3c4c7; }
.agentic-section-divider-36 { margin-top: 36px; padding-bottom: 6px; border-bottom: 1px solid #c3c4c7; }
.agentic-section-h3-mt20    { margin-top: 20px; padding-bottom: 6px; border-bottom: 1px solid #c3c4c7; }

/* Tools + headings */
.agentic-h1-flex     { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; }
.agentic-count-badge { font-size: 11px; color: #646970; margin-left: 2px; }

/* Dashicons sizing utilities */
.agentic-di-xl       { font-size: 30px; width: 30px; height: 30px; line-height: 30px; margin-right: 10px; vertical-align: middle; }
.agentic-di-xxl      { font-size: 48px; width: 48px; height: 48px; line-height: 48px; margin-bottom: 10px; }
.agentic-di-lg       { font-size: 16px; vertical-align: -3px; }
.agentic-di-md       { font-size: 16px; vertical-align: -2px; }
.agentic-di-md-va    { font-size: 14px; vertical-align: middle; }
.agentic-di-sm-va    { vertical-align: -2px; }
.agentic-di-sm-va4   { vertical-align: -4px; }
.agentic-di-mt4      { margin-top: 4px; }
.agentic-di-mcp      { font-size: 16px; width: 16px; height: 16px; }
.agentic-di-green    { color: #22c55e; }
.agentic-di-amber    { color: #dba617; }
.agentic-di-blue     { color: #2271b1; }
.agentic-di-grey     { color: #999; }
.agentic-di-icon-lg  { font-size: 48px; color: #c3c4c7; width: 48px; height: 48px; }

/* Approval groups */
.agentic-approval-header { display: flex; justify-content: space-between; align-items: center;
                           padding: 16px 20px; background: #f6f7f7; border-bottom: 1px solid #c3c4c7; }
.agentic-approval-title  { margin: 0; font-size: 15px; }
.agentic-approval-count  { font-weight: 400; color: #666; font-size: 13px; margin-left: 8px; }
.agentic-approval-actions { display: flex; gap: 8px; }
.agentic-approval-item   { display: flex; justify-content: space-between; align-items: start; }
.agentic-approval-item-left  { display: flex; align-items: start; gap: 12px; }
.agentic-approval-icon   { display: inline-flex; align-items: center; justify-content: center;
                           width: 28px; height: 28px; border-radius: 50%;
                           background: #f0f0f1; color: #50575e; font-size: 12px; font-weight: 600; }
.agentic-approval-item-title { margin: 0 0 3px 0; font-size: 14px; }
.agentic-approval-label-code { font-size: 12px; padding: 2px 6px; background: #f0f0f1;
                               border-radius: 3px; margin-left: 6px; }
.agentic-approval-meta   { margin: 0; color: #666; font-size: 12px; }
.agentic-approval-btns   { display: flex; gap: 6px; flex-shrink: 0; }
.agentic-approval-detail { margin-top: 8px; margin-left: 40px; }
.agentic-approval-summary { cursor: pointer; font-size: 12px; color: #2271b1; }
.agentic-approval-json   { margin-top: 8px; padding: 8px; background: #f5f5f5; border-radius: 4px; overflow-x: auto; }
.agentic-approval-json pre { margin: 0; font-size: 11px; white-space: pre-wrap; }

/* Badge variants */
.agentic-badge-green-sm  { background: #d1fae5; color: #065f46; padding: 2px 8px; border-radius: 3px; font-size: 12px; }
.agentic-badge-indigo-sm { background: #e0e7ff; color: #3730a3; padding: 2px 8px; border-radius: 3px; font-size: 12px; }
.agentic-badge-local-sm  { background: #dbeafe; color: #1e40af; padding: 2px 8px; border-radius: 3px; font-size: 12px; }
.agentic-badge-clhub-sm  { background: #e0e7ff; color: #3730a3; padding: 1px 6px; border-radius: 3px; font-size: 11px; }
.agentic-badge-featured-sm { background: #fef3c7; color: #92400e; padding: 1px 6px; border-radius: 3px;
                              font-size: 10px; white-space: nowrap; }

/* Skills cards (JS-generated HTML) */
.agentic-skills-grid       { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 12px; }
.agentic-skill-card        { border: 1px solid #ddd; border-radius: 6px; padding: 14px; background: #fff; }
.agentic-skill-card-header { display: flex; justify-content: space-between; align-items: start; gap: 8px; }
.agentic-skill-card-title  { font-size: 14px; font-weight: 600; }
.agentic-skill-card-desc   { color: #646970; font-size: 13px; margin: 6px 0 8px; line-height: 1.4; }
.agentic-skill-card-meta   { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.agentic-skill-card-author { color: #646970; font-size: 11px; margin-left: auto; }
.agentic-skill-card-actions { margin-top: 10px; display: flex; gap: 6px; }
.agentic-skills-min-h      { min-height: 100px; }
.agentic-recommended-grid  { min-height: 60px; }
.agentic-skills-searching  { color: #646970; }

/* Settings theme grid */
.agentic-theme-grid        { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; margin: 24px 0; }
.agentic-theme-card-header { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
.agentic-theme-card-footer { padding: 10px 16px; background: #f9f9f9; border-top: 1px solid #eee; }
.agentic-theme-card-name   { display: block; font-size: 14px; font-weight: 600; }
.agentic-theme-card-key    { font-size: 12px; color: #646970; }

/* MCP status bar and components */
.agentic-mcp-status-bar       { display: flex; align-items: center; gap: 12px; margin: 20px 0 24px; }
.agentic-mcp-status-ok-badge  { display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px;
                                background: #dcfce7; border: 1px solid #86efac; border-radius: 20px;
                                color: #166534; font-weight: 600; font-size: 13px; }
.agentic-mcp-status-warn-badge { display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px;
                                 background: #fef9c3; border: 1px solid #fde047; border-radius: 20px;
                                 color: #713f12; font-weight: 600; font-size: 13px; }
.agentic-mcp-setup-info      { background: #f6f7f7; border: 1px solid #c3c4c7; border-radius: 4px;
                               padding: 20px 24px; margin-bottom: 24px; }
.agentic-mcp-setup-info h3   { margin: 0 0 12px; }
.agentic-mcp-setup-info ol   { margin: 0; padding-left: 20px; line-height: 1.9; }
.agentic-mcp-desc-note       { color: #646970; margin-top: -4px; margin-bottom: 16px; }
.agentic-mcp-input-sm        { font-size: 12px; max-width: 220px; }
.agentic-mcp-col-flex        { display: flex; flex-direction: column; gap: 5px; }
.agentic-mcp-btn-row         { display: flex; gap: 6px; margin-top: 2px; }
.agentic-mcp-row-msg         { font-size: 12px; color: #646970; }
.agentic-mcp-info-callout    { background: #f0f6fc; border-left: 4px solid #0073aa; padding: 16px 20px;
                               margin-top: 20px; border-radius: 0 4px 4px 0; }
.agentic-mcp-info-callout h3 { margin: 0 0 8px; font-weight: 600; }
.agentic-mcp-info-callout p  { margin: 0; color: #646970; }
.agentic-mcp-info-callout pre { margin: 12px 0 0; font-size: 12px; background: #fff; padding: 12px;
                                border: 1px solid #c3c4c7; border-radius: 3px; overflow-x: auto; }
.agentic-mcp-install-msg     { margin-left: 8px; font-size: 13px; color: #646970; }
.agentic-mcp-install-btn-ml  { margin-left: 8px; }

/* Settings memory */
.agentic-memory-box         { background: #fff; border: 1px solid #c3c4c7; border-radius: 4px;
                              padding: 16px 20px; margin-bottom: 20px; max-width: 600px; }
.agentic-memory-ttl-row     { display: flex; align-items: center; gap: 8px; margin-top: 6px; }
.agentic-memory-filter      { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; flex-wrap: wrap; }
.agentic-memory-filter-form { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.agentic-memory-clear-wrap  { margin-left: auto; }
.agentic-memory-empty       { background: #fff; border: 1px solid #c3c4c7; border-radius: 4px;
                              padding: 40px 20px; text-align: center; color: #646970; }
.agentic-memory-empty p     { font-size: 14px; margin: 0; }
.agentic-memory-actions     { margin-top: 12px; display: flex; gap: 6px; }

/* Settings.php section heading */
.agentic-settings-h2 { margin-top: 2em; }

/* Settings agent roles special row */
.agentic-tr-hl-blue { background: #f0f6fc; }

/* Settings: providers info callout */
.agentic-providers-info { display: flex; align-items: center; gap: 12px;
                          margin-top: 32px; padding: 16px 20px;
                          background: #f0f6fc; border-left: 4px solid #2271b1;
                          border-radius: 2px; }
.agentic-provider-default-row { display: flex; align-items: center; gap: 6px; }
.agentic-provider-builtin-note { color: #646970; font-size: 11px; display: block; }
.agentic-provider-setdefault-btn { background: none; border: none; padding: 0; color: #0073aa;
                                   cursor: pointer; font-size: 13px; }
.agentic-provider-delete-btn { background: none; border: none; padding: 0; color: #b32d2e;
                               cursor: pointer; font-size: 13px; }

/* Providers img */
.agentic-img-icon { object-fit: contain; border: 1px solid #ddd; border-radius: 4px; }

/* Settings callout with security info */
.agentic-security-callout { display: flex; align-items: center; gap: 12px; margin-top: 32px;
                            padding: 16px 20px; background: #f0f6fc;
                            border: 1px solid #2271b1; border-radius: 4px; }

/* Settings section dividers */
.agentic-settings-divider { margin-top: 8px; padding-bottom: 6px; border-bottom: 1px solid #c3c4c7; }
.agentic-section-subtitle { font-size: 12px; font-weight: 400; color: #646970; margin-left: 8px; }
.agentic-mode-status      { margin-left: 8px; font-size: 13px; }

/* Settings: wide th in form-table */
.agentic-th-180 { width: 180px; padding-top: 10px; }

/* Setup wizard */
.agentic-setup-title     { font-size: 17px; font-weight: 600; margin: 0 0 6px; color: #1e1e1e; }
.agentic-setup-subtitle  { color: #50575e; font-size: 14px; margin: 0 0 24px; }
.agentic-setup-name-text { font-size: 15px; font-weight: 600; color: #1e1e1e; margin: 0 0 8px; }
.agentic-setup-desc-text { font-size: 14px; color: #50575e; margin: 0 0 20px; }
.agentic-setup-cta-btn   { font-size: 15px; padding: 12px 28px; }
.agentic-setup-back-btn  { margin-top: 8px; }
.agentic-pip-icon-wrap   { flex-shrink: 0; line-height: 0; }

/* Audit page */
.agentic-filter-mb20     { margin-bottom: 20px; }
.agentic-filter-row-mb10 { margin-bottom: 10px; }
.agentic-security-detail { margin-top: 10px; padding: 10px; background: #f6f7f7; border-radius: 3px; }

/* Tools callout warning variant */
.agentic-callout-warning-mt20 { margin-top: 20px; padding: 15px; background: #fff3cd;
                                border-left: 4px solid #ffc107; border-radius: 4px; }
.agentic-callout-warning-mt20 h3 { margin-top: 0; }

/* run-task JS notice (success/error) */
.agentic-js-notice-success { border-left-color: #00a32a; padding: 12px 16px; }
.agentic-js-notice-success p { margin: 0; font-size: 14px; }
.agentic-js-notice-error   { padding: 12px 16px; }
.agentic-js-notice-error p:first-child { margin: 0; font-size: 14px; }
.agentic-js-notice-error p + p { margin: 8px 0 0; color: #646970; }

/* Providers select with min-width */
.agentic-select-280 { min-width: 280px; }

/* Settings/Skills utility classes */
.agentic-col-min-90       { min-width: 90px; }
.agentic-no-underline     { text-decoration: none; }
.agentic-text-transform-none { text-transform: none; }
.agentic-ls-0             { letter-spacing: 0; }
.agentic-max-800          { max-width: 800px; }
.agentic-max-900          { max-width: 900px; }
.agentic-h2-flex          { margin-top: 8px; display: flex; align-items: center; gap: 12px; }
.agentic-ml-auto          { margin-left: auto; }
.agentic-flex-gap-8-mb-20 { display: flex; gap: 8px; margin-bottom: 20px; }
.agentic-textarea-mono    { font-family: monospace; font-size: 13px; }
.agentic-text-dim-xs      { color: #646970; font-size: 12px; }
.agentic-recommended-grid { margin: 16px 0 24px; }
.agentic-min-h-60         { min-height: 60px; }
.agentic-skills-js-grid   { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 12px; }
.agentic-skill-card-js    { border: 1px solid #ddd; border-radius: 6px; padding: 14px; background: #fff; }
.agentic-skill-card-head  { display: flex; justify-content: space-between; align-items: start; gap: 8px; }
.agentic-skill-card-title { font-size: 14px; }
.agentic-skill-card-desc  { color: #646970; font-size: 13px; margin: 6px 0 8px; line-height: 1.4; }
.agentic-skill-card-tags  { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.agentic-skill-card-ver   { color: #646970; font-size: 11px; margin-left: auto; }
.agentic-skill-card-btns  { margin-top: 10px; display: flex; gap: 6px; }
.agentic-badge-indigo-sm  { background: #e0e7ff; color: #3730a3; padding: 1px 6px; border-radius: 3px; font-size: 11px; }
.agentic-badge-featured   { background: #fef3c7; color: #92400e; padding: 1px 6px; border-radius: 3px; font-size: 10px; white-space: nowrap; }
.agentic-badge-agentic    { background: #d1fae5; color: #065f46; padding: 2px 8px; border-radius: 3px; font-size: 12px; }
.agentic-badge-clhub      { background: #e0e7ff; color: #3730a3; padding: 2px 8px; border-radius: 3px; font-size: 12px; }
.agentic-badge-local      { background: #dbeafe; color: #1e40af; padding: 2px 8px; border-radius: 3px; font-size: 12px; }
.agentic-col-60           { width: 60px; }
.agentic-col-80           { width: 80px; }
.agentic-col-140          { width: 140px; }
.agentic-col-200          { width: 200px; }
.agentic-notice-mt-0      { margin-top: 0; }
.agentic-table-mt-16      { margin-top: 16px; }
.agentic-opacity-60       { opacity: 0.6; }
.agentic-code-xs          { font-size: 11px; color: #646970; }
.agentic-code-sm          { font-size: 12px; }
.agentic-about-skills-box { margin-top: 20px; padding: 15px; background: #f5f5f5; border-radius: 4px; }
.agentic-about-skills-h3  { margin-top: 0; }
.agentic-list-disc-pl20   { margin: 0; list-style: disc; padding-left: 20px; }
.agentic-th-mt-32         { margin-top: 32px; }
.agentic-h3-mb-8          { margin-bottom: 8px; }
.agentic-mb-12-text-dim   { color: #646970; margin-bottom: 12px; }

/* Skills page status dots */
.agentic-status-dot-active  { display: inline-block; width: 10px; height: 10px; background: #00a32a; border-radius: 50%; }
.agentic-status-dot-inactive { display: inline-block; width: 10px; height: 10px; background: #ccc; border-radius: 50%; }
.agentic-flex-1             { flex: 1; }

/* Channel tab buttons, misc fixes */
.agentic-channel-tabs .button { display: inline-flex; align-items: center; gap: 6px; }
.agentic-th-sm-dim-l  { text-align: left; font-size: 11px; font-weight: 600; color: #646970; padding: 0 16px 4px 0; }
.agentic-th-sm-dim    { text-align: left; font-size: 11px; font-weight: 600; color: #646970; padding: 0 0 4px 0; }
.agentic-icon-preview-img { object-fit: contain; border: 1px solid #ddd; border-radius: 4px; padding: 2px; }
.agentic-ml-4         { margin-left: 4px; }
.agentic-mt-8         { margin-top: 8px; }

/* ── Logs page (Audit / Conversations / Security tabs) ────────────── */
/* Danger link (delete) styled as a small button */
.agentic-link-danger { color: #b32d2e !important; }
.agentic-link-danger:hover { color: #a00 !important; }

/* Event-type badge pills used in the security log table */
.agentic-event-badge { display: inline-block; padding: 2px 8px; border-radius: 3px;
                       font-size: 11px; font-weight: 600; line-height: 1.6; color: #fff; }
.agentic-event-badge-blocked       { background: #d63638; }
.agentic-event-badge-rate-limited  { background: #dba617; }
.agentic-event-badge-pii           { background: #2271b1; }
.agentic-event-badge-system-green  { background: #00a32a; }
.agentic-event-badge-system-amber  { background: #dba617; }
.agentic-event-badge-default       { background: #646970; }

/* Insight card used in security two-col grid */
.agentic-insight-card { background: #fff; border: 1px solid #dcdcde; border-radius: 4px; padding: 16px 20px; }
.agentic-insight-card h3 { margin: 0 0 12px; font-size: 13px; font-weight: 600; color: #1d2327; }

/* Period pill group (audit tab) */
.agentic-period-pills { display: inline-flex; gap: 4px; margin-bottom: 12px; }

/* Audit/conversation description line */
.agentic-page-desc { margin: 0 0 16px; color: #646970; font-size: 13px; line-height: 1.6; }
.agentic-page-desc a { color: #2271b1; }

/* ── Plugin Deactivation Modal (admin/plugins.php) ──────────────────────── */
#agentic-deactivate-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,.55);
	z-index: 160000;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity .18s ease;
}
#agentic-deactivate-overlay.adm-visible { opacity: 1; }

#agentic-deactivate-modal {
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 8px 40px rgba(0,0,0,.22);
	width: 480px;
	max-width: calc(100vw - 32px);
	max-height: calc(100vh - 48px);
	overflow-y: auto;
	transform: translateY(12px);
	transition: transform .18s ease;
}
#agentic-deactivate-overlay.adm-visible #agentic-deactivate-modal {
	transform: translateY(0);
}

.adm-header {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 20px 20px 0;
	border-bottom: 1px solid #dcdcde;
	padding-bottom: 14px;
}
.adm-header .adm-icon { font-size: 22px; }
.adm-header h2 { margin: 0; font-size: 16px; font-weight: 600; flex: 1; color: #1d2327; }
.adm-close {
	background: none;
	border: none;
	font-size: 22px;
	line-height: 1;
	color: #787c82;
	cursor: pointer;
	padding: 0 2px;
	margin-left: auto;
}
.adm-close:hover { color: #1d2327; }

.adm-step { padding: 20px; }
.adm-hidden { display: none !important; }
.adm-lead { margin: 0 0 14px; font-size: 14px; color: #3c434a; font-weight: 500; }

/* Data-retention option cards */
.adm-data-options { display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px; }
.adm-option {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	border: 2px solid #dcdcde;
	border-radius: 5px;
	padding: 14px;
	cursor: pointer;
	transition: border-color .12s, background .12s;
}
.adm-option input[type="radio"] { position: absolute; opacity: 0; pointer-events: none; }
.adm-option--selected {
	border-color: #2271b1;
	background: #f0f6fc;
}
.adm-option-icon { font-size: 22px; flex-shrink: 0; margin-top: 1px; }
.adm-option-body strong { display: block; font-size: 13px; color: #1d2327; margin-bottom: 3px; }
.adm-option-body small { display: block; font-size: 12px; color: #646970; line-height: 1.5; }

/* Cancellation reasons */
.adm-reasons { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; }
.adm-reason {
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 9px 12px;
	border: 1px solid #dcdcde;
	border-radius: 4px;
	cursor: pointer;
	font-size: 13px;
	color: #3c434a;
	transition: border-color .1s, background .1s;
}
.adm-reason input[type="radio"] { flex-shrink: 0; }
.adm-reason--selected { border-color: #2271b1; background: #f0f6fc; color: #1d2327; }
.adm-detail {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #dcdcde;
	border-radius: 4px;
	padding: 8px 10px;
	font-size: 13px;
	resize: vertical;
	margin-bottom: 10px;
}
.adm-detail-wrap { margin-bottom: 4px; }
.adm-privacy-note { font-size: 11px; color: #787c82; margin: 0 0 16px; }

/* Footer actions */
.adm-actions {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	padding-top: 4px;
}

/* Spinner row */
.adm-spinner {
	display: flex;
	justify-content: center;
	padding: 10px 0 16px;
}

/* Onboarding checklist (dashboard) */
.agentic-onboarding-list { list-style: none; margin: 0; padding: 0; }
.agentic-onboarding-item {
display: flex;
align-items: center;
gap: 10px;
padding: 8px 0;
border-bottom: 1px solid #f0f0f1;
}
.agentic-onboarding-item:last-child { border-bottom: 0; }
.agentic-onboarding-check { color: #c3c4c7; }
.agentic-onboarding-item.is-done .agentic-onboarding-check { color: #00a32a; }
.agentic-onboarding-item.is-done .agentic-onboarding-label { color: #646970; text-decoration: line-through; }
.agentic-onboarding-label { flex: 1 1 auto; }

/* Basic/Advanced interface toggle (dashboard) */
.agentic-mode-card { padding-top: 12px; padding-bottom: 12px; }
.agentic-mode-toggle { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 0; }
.agentic-mode-label { font-weight: 600; }
.agentic-mode-hint { flex: 1 1 100%; font-size: 12px; margin-top: 2px; }
.agentic-quick-actions-secondary { border-top: 1px solid #f0f0f1; padding-top: 10px; }
.agentic-card-pair { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 20px; align-items: start; }
.agentic-settings-card .agentic-mode-toggle { padding-bottom: 14px; margin-bottom: 14px; border-bottom: 1px solid #f0f0f1; }
.agentic-updates-toggle { display: flex; flex-direction: column; gap: 4px; margin: 0; }
.agentic-updates-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.agentic-switch { position: relative; display: inline-block; width: 42px; height: 24px; flex: 0 0 auto; }
.agentic-switch input { position: absolute; opacity: 0; width: 0; height: 0; }
.agentic-switch-slider { position: absolute; inset: 0; cursor: pointer; background: #c3c4c7; border-radius: 24px; transition: background .2s ease; }
.agentic-switch-slider::before { content: ""; position: absolute; height: 18px; width: 18px; left: 3px; bottom: 3px; background: #fff; border-radius: 50%; transition: transform .2s ease; }
.agentic-switch input:checked + .agentic-switch-slider { background: #2271b1; }
.agentic-switch input:checked + .agentic-switch-slider::before { transform: translateX(18px); }
.agentic-switch input:focus-visible + .agentic-switch-slider { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #2271b1; }

/* Settings — grouped tab clusters (UX/IA §5). */
.agentic-settings-tab-groups { margin: 12px 0 4px; }
.agentic-settings-tab-group { margin-bottom: 14px; }
.agentic-settings-tab-group__label {
display: block;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .04em;
color: #646970;
margin-bottom: 2px;
}
.agentic-settings-tab-group .nav-tab-wrapper { margin: 0; padding-bottom: 0; border-bottom: 1px solid #c3c4c7; }

/* Agent Creation Wizard ("Train an Agent"). */
.agentic-agent-wizard-wrap .agentic-wizard-intro { max-width: 640px; color: #50575e; }
.agentic-wizard-card { max-width: 720px; margin-top: 16px; }
.agentic-wizard-loading { display: flex; align-items: center; gap: 8px; padding: 24px 0; }
.agentic-wizard-steps { display: flex; gap: 18px; list-style: none; margin: 0; padding: 0; flex-wrap: wrap; }
.agentic-wizard-step { display: flex; align-items: center; gap: 6px; color: #8c8f94; font-size: 13px; }
.agentic-wizard-step__num {
display: inline-flex; align-items: center; justify-content: center;
width: 22px; height: 22px; border-radius: 50%; background: #dcdcde; color: #1d2327;
font-size: 12px; font-weight: 600;
}
.agentic-wizard-step.is-active { color: #1d2327; font-weight: 600; }
.agentic-wizard-step.is-active .agentic-wizard-step__num { background: #2271b1; color: #fff; }
.agentic-wizard-step.is-done .agentic-wizard-step__num { background: #00a32a; color: #fff; }
.agentic-wizard-sublabel { font-weight: 600; margin: 14px 0 4px; }
.agentic-wizard-tools { max-height: 220px; overflow-y: auto; border: 1px solid #dcdcde; border-radius: 4px; padding: 10px 12px; }
.agentic-wizard-success { margin-top: 0; }
.agentic-wizard-review__row { display: flex; gap: 12px; padding: 6px 0; border-bottom: 1px solid #f0f0f1; }
.agentic-wizard-review__label { flex: 0 0 150px; font-weight: 600; color: #50575e; }
.agentic-wizard-review__value { flex: 1; white-space: pre-wrap; }
.agentic-wizard-hint { color: #646970; font-size: 12px; margin: 0 0 8px; }

/* ── Settings: vertical two-pane shell (Claude-style) ───────────────── */
.agentic-settings-shell { display: flex; gap: 24px; align-items: flex-start; margin-top: 16px; }
.agentic-settings-sidebar { flex: 0 0 220px; position: sticky; top: 46px; }
.agentic-settings-search { margin-bottom: 12px; }
.agentic-settings-search input[type="search"] { width: 100%; }
.agentic-settings-nav-group { margin-bottom: 14px; }
.agentic-settings-nav-group__label { display: block; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: #646970; margin: 0 0 4px 8px; }
.agentic-settings-nav-list { margin: 0; padding: 0; list-style: none; }
.agentic-settings-nav-list li { margin: 0; }
.agentic-settings-nav-item { display: block; padding: 7px 12px; border-radius: 6px; color: #1d2327; text-decoration: none; font-size: 13px; line-height: 1.4; border-left: 2px solid transparent; }
.agentic-settings-nav-item:hover { background: #f0f0f1; color: #135e96; }
.agentic-settings-nav-item.is-active { background: #f0f6fc; color: #0a4b78; font-weight: 600; border-left-color: #2271b1; }
.agentic-settings-nav-item:focus { box-shadow: 0 0 0 2px #2271b1; outline: none; }
.agentic-settings-nav-empty { color: #646970; font-style: italic; padding: 6px 12px; margin: 0; }
.agentic-settings-nav-item:has(.agentic-tab-badge), .agentic-settings-nav-item:has(.agentic-nav-dot) { display: flex; align-items: center; gap: 6px; }
.agentic-settings-nav-item .agentic-tab-badge, .agentic-settings-nav-item .agentic-nav-dot { margin-left: auto; }
.agentic-nav-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #00a32a; flex: 0 0 auto; }
.agentic-settings-body { flex: 1 1 auto; min-width: 0; max-width: 900px; }
.agentic-inline-ml-8 { margin-left: 8px; }
@media screen and (max-width: 782px) {
.agentic-settings-shell { flex-direction: column; }
.agentic-settings-sidebar { position: static; flex-basis: auto; width: 100%; }
}

/* ── Settings: Account tab (read-only) ─────────────────────────────── */
.agentic-account-badge { display: inline-block; padding: 2px 10px; border-radius: 999px; font-size: 12px; font-weight: 600; line-height: 1.6; }
.agentic-account-badge.is-pro { background: #e7f5ec; color: #0a6b2e; }
.agentic-account-badge.is-free { background: #f0f0f1; color: #50575e; }
.agentic-account-providers { max-width: 640px; margin-top: 8px; }
.agentic-account-status { font-weight: 600; font-size: 12px; }
.agentic-account-status.is-ok { color: #0a6b2e; }
.agentic-account-status.is-warn { color: #b32d2e; }
.agentic-account-status.is-neutral { color: #646970; }

/* Agents override table — professional fixed layout */
#agentic-agent-overrides-table { table-layout: fixed; }
#agentic-agent-overrides-table thead th { white-space: nowrap; vertical-align: bottom; }
#agentic-agent-overrides-table td { vertical-align: middle; }
#agentic-agent-overrides-table select,
#agentic-agent-overrides-table input[type="number"] { width: 100%; max-width: 100%; box-sizing: border-box; }
#agentic-agent-overrides-table th:nth-child(1), #agentic-agent-overrides-table td:nth-child(1) { width: 16%; }
#agentic-agent-overrides-table th:nth-child(2), #agentic-agent-overrides-table td:nth-child(2) { width: 15%; }
#agentic-agent-overrides-table th:nth-child(3), #agentic-agent-overrides-table td:nth-child(3) { width: 18%; }
#agentic-agent-overrides-table th:nth-child(4), #agentic-agent-overrides-table td:nth-child(4) { width: 15%; }
#agentic-agent-overrides-table th:nth-child(5), #agentic-agent-overrides-table td:nth-child(5) { width: 14%; }
#agentic-agent-overrides-table th:nth-child(6), #agentic-agent-overrides-table td:nth-child(6) { width: 9%;  text-align: center; }
#agentic-agent-overrides-table th:nth-child(7), #agentic-agent-overrides-table td:nth-child(7) { width: 7%;  text-align: center; }
#agentic-agent-overrides-table th:nth-child(8), #agentic-agent-overrides-table td:nth-child(8) { width: 6%;  text-align: center; }

/* Wide tables scroll horizontally instead of clipping their last column. */
.agentic-table-scroll { overflow-x: auto; width: 100%; }
.agentic-table-scroll > table { margin-top: 0; }

/* ── Knowledge Wiki (OKF) ─────────────────────────────────────────────────── */
.agentic-knowledge .agentic-kn-hero {
	display: flex;
	justify-content: space-between;
	gap: 24px;
	align-items: flex-start;
	margin: 8px 0 20px;
	padding: 22px 24px;
	background:
		radial-gradient(1200px 280px at 10% -40%, rgba(34, 113, 177, 0.12), transparent 60%),
		linear-gradient(180deg, #fff 0%, #f6f7f7 100%);
	border: 1px solid #dcdcde;
	border-radius: 10px;
}
.agentic-kn-eyebrow {
	margin: 0 0 6px;
	font-size: 11px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #646970;
	font-weight: 600;
}
.agentic-kn-eyebrow-pro { color: #8c5e00; }
.agentic-kn-hero h1 {
	margin: 0 0 8px;
	font-size: 26px;
	line-height: 1.25;
	color: #1d2327;
}
.agentic-kn-lede {
	margin: 0;
	max-width: 62ch;
	color: #50575e;
	font-size: 14px;
	line-height: 1.55;
}
.agentic-kn-hero-aside {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 10px;
	flex-shrink: 0;
}
.agentic-kn-pill {
	display: inline-block;
	padding: 4px 10px;
	border-radius: 999px;
	background: #1d2327;
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.04em;
}
.agentic-kn-docs {
	text-decoration: none;
	font-weight: 600;
}
.agentic-kn-toolbar {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: flex-end;
	margin: 0 0 16px;
	padding: 14px 16px;
	background: #fff;
	border: 1px solid #c3c4c7;
	border-radius: 8px;
}
.agentic-kn-scope {
	display: flex;
	flex-direction: column;
	gap: 4px;
	font-size: 12px;
	font-weight: 600;
	color: #646970;
}
.agentic-kn-scope select { min-width: 200px; }
.agentic-kn-search-wrap { flex: 1; min-width: 180px; }
.agentic-kn-search-wrap input { width: 100%; max-width: 360px; }
.agentic-kn-toolbar-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-left: auto;
}
.agentic-kn-layout {
	display: grid;
	grid-template-columns: minmax(220px, 300px) 1fr;
	gap: 16px;
	min-height: 520px;
}
.agentic-kn-list-panel,
.agentic-kn-editor-panel,
.agentic-kn-empty-editor {
	background: #fff;
	border: 1px solid #c3c4c7;
	border-radius: 8px;
}
/* display:flex on panels overrides the UA [hidden] rule — force hide. */
.agentic-kn-editor-panel[hidden],
.agentic-kn-empty-editor[hidden],
.agentic-kn-empty[hidden] {
	display: none !important;
}
.agentic-kn-list-panel { padding: 0; overflow: hidden; display: flex; flex-direction: column; }
.agentic-kn-list-head {
	display: flex;
	align-items: baseline;
	gap: 6px;
	padding: 12px 14px;
	border-bottom: 1px solid #eee;
	background: #f6f7f7;
	font-size: 12px;
	color: #646970;
}
.agentic-kn-list-head strong { font-size: 18px; color: #1d2327; }
.agentic-kn-list {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow-y: auto;
	max-height: 640px;
}
.agentic-kn-list-item {
	display: grid;
	gap: 2px;
	padding: 12px 14px;
	border-bottom: 1px solid #f0f0f1;
	cursor: pointer;
}
.agentic-kn-list-item:hover { background: #f6f7f7; }
.agentic-kn-list-item.is-active {
	background: #f0f6fc;
	box-shadow: inset 3px 0 0 #2271b1;
}
.agentic-kn-list-item.is-stale .agentic-kn-list-title::after {
	content: " stale";
	color: #b32d2e;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
}
.agentic-kn-list-item.is-example {
	background: #fcf9e8;
}
.agentic-kn-list-example {
	display: inline-block;
	margin-left: 6px;
	padding: 1px 6px;
	border-radius: 3px;
	background: #dba617;
	color: #1d2327;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	vertical-align: middle;
}
.agentic-kn-example-label {
	display: flex !important;
	align-items: flex-start;
	gap: 8px;
	font-weight: 400 !important;
	font-size: 13px !important;
	line-height: 1.45;
	padding: 10px 12px;
	background: #fcf9e8;
	border: 1px solid #dba617;
	border-radius: 6px;
	cursor: pointer;
}
.agentic-kn-example-label input {
	width: auto !important;
	margin-top: 3px;
}
.agentic-kn-example-badge {
	flex-shrink: 0;
	padding: 2px 8px;
	border-radius: 3px;
	background: #dba617;
	color: #1d2327;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}
.agentic-kn-editor-panel.is-example {
	box-shadow: inset 0 0 0 2px rgba(219, 166, 23, 0.35);
}
.agentic-kn-list-type {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #2271b1;
}
.agentic-kn-list-title {
	font-weight: 600;
	color: #1d2327;
	font-size: 13px;
}
.agentic-kn-list-desc {
	font-size: 12px;
	color: #646970;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.agentic-kn-empty {
	padding: 20px 14px;
	color: #646970;
	font-size: 13px;
}
.agentic-kn-editor-panel { padding: 16px 18px 20px; }
.agentic-kn-editor-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	margin-bottom: 14px;
	padding-bottom: 12px;
	border-bottom: 1px solid #eee;
}
.agentic-kn-editor-head h2 { margin: 0; font-size: 18px; }
.agentic-kn-editor-actions { display: flex; gap: 8px; }
.agentic-kn-fields {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px 16px;
}
.agentic-kn-field label {
	display: flex;
	align-items: center;
	gap: 4px;
	font-weight: 600;
	margin-bottom: 4px;
	font-size: 12px;
}
.agentic-kn-help {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	font-size: 16px;
	width: 16px;
	height: 16px;
	color: #646970;
	cursor: help;
	opacity: 0.85;
}
.agentic-kn-help:hover,
.agentic-kn-help:focus {
	color: #2271b1;
	opacity: 1;
	outline: none;
}
.agentic-kn-field input,
.agentic-kn-field select,
.agentic-kn-field textarea { width: 100%; max-width: 100%; }
.agentic-kn-type-select {
	width: 100%;
	max-width: 100%;
	min-height: 30px;
}
.agentic-kn-type-custom {
	margin-top: 8px;
	display: none;
}
.agentic-kn-type-custom:not([hidden]) {
	display: block;
}
.agentic-kn-field-full { grid-column: 1 / -1; }
.agentic-kn-status {
	margin: 12px 0 0;
	font-size: 13px;
	min-height: 1.2em;
}
.agentic-kn-status.is-ok { color: #00a32a; }
.agentic-kn-status.is-error { color: #d63638; }
.agentic-kn-empty-editor {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40px 24px;
}
.agentic-kn-empty-card {
	text-align: center;
	max-width: 420px;
}
.agentic-kn-empty-card .dashicons {
	font-size: 42px;
	width: 42px;
	height: 42px;
	color: #2271b1;
	margin-bottom: 8px;
}
.agentic-kn-empty-card h2 { margin: 0 0 8px; }
.agentic-kn-empty-card p { color: #646970; margin: 0 0 16px; line-height: 1.5; }
.agentic-kn-pro-upgrade {
	display: flex;
	justify-content: center;
	padding: 12px 0 24px;
}
.agentic-kn-pro-card {
	max-width: 640px;
	width: 100%;
	background: #fff;
	border: 1px solid #c3c4c7;
	border-radius: 12px;
	padding: 28px 32px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
}
.agentic-kn-pro-card h2 { margin: 0 0 10px; font-size: 22px; }
.agentic-kn-pro-card > p { color: #50575e; line-height: 1.55; }
.agentic-kn-pro-list {
	margin: 16px 0;
	padding-left: 1.2em;
	line-height: 1.7;
}
.agentic-kn-pro-note {
	font-size: 13px;
	color: #646970;
	background: #f6f7f7;
	border-radius: 6px;
	padding: 10px 12px;
}
.agentic-kn-pro-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 18px;
}
.agentic-vector-subnav {
	display: flex;
	gap: 4px;
	margin: 0 0 14px;
	border-bottom: 1px solid #dcdcde;
}
.agentic-vector-subnav a {
	padding: 8px 14px;
	text-decoration: none;
	color: #50575e;
	border-bottom: 2px solid transparent;
	font-weight: 500;
}
.agentic-vector-subnav a.is-active {
	color: #1d2327;
	border-bottom-color: #2271b1;
}
@media (max-width: 960px) {
	.agentic-kn-layout { grid-template-columns: 1fr; }
	.agentic-kn-fields { grid-template-columns: 1fr; }
	.agentic-kn-hero { flex-direction: column; }
	.agentic-kn-hero-aside { align-items: flex-start; }
}
