/* LinkCortex admin styles. Logical properties keep the layout RTL-safe. */
.ailsug-wrap [hidden], .ailsug-dialog [hidden] { display: none !important; }
.ailsug-wrap .ailsug-status-box {
	background: #fff;
	border: 1px solid #c3c4c7;
	border-inline-start-width: 4px;
	padding: 4px 16px;
	margin: 12px 0 16px;
	max-width: 900px;
}
.ailsug-wrap .ailsug-status-box.is-ok { border-inline-start-color: #00a32a; }
.ailsug-wrap .ailsug-status-box.is-warning { border-inline-start-color: #dba617; }
.ailsug-wrap .ailsug-status-table { max-width: 900px; margin-top: 12px; }
.ailsug-wrap .ailsug-status-table th { width: 260px; font-weight: 600; }
.ailsug-inline-form { display: inline-block; margin-inline-end: 16px; margin-block-end: 8px; }

/* Badges: always carry text, never color alone. */
.ailsug-badge {
	display: inline-block;
	padding: 1px 8px;
	border-radius: 10px;
	font-size: 12px;
	line-height: 1.6;
	background: #f0f0f1;
	color: #1d2327;
	border: 1px solid #c3c4c7;
}
.ailsug-badge.is-manual { background: #e7f1fb; border-color: #72aee6; }
.ailsug-badge.is-seo-plugin { background: #edfaef; border-color: #68de7c; }
.ailsug-badge.is-ai { background: #f6f0fb; border-color: #b78ed6; }
.ailsug-badge.is-orphan { background: #fcf0f1; border-color: #f86368; color: #8a2424; }

.ailsug-kw-input { width: 18em; max-width: 100%; }
.ailsug-kw-status { margin-inline-start: 4px; color: #50575e; }

.ailsug-progress {
	background: #fff;
	border: 1px solid #c3c4c7;
	padding: 8px 16px 12px;
	margin: 12px 0;
	max-width: 900px;
}
.ailsug-progress-bar { width: 100%; max-width: 480px; height: 16px; vertical-align: middle; }
.ailsug-progress .button { vertical-align: middle; }

@media screen and (max-width: 782px) {
	.ailsug-kw-input { width: 100%; }
}

/* Cost UI */
.ailsug-meter { max-width: 640px; margin: 8px 0 16px; }
.ailsug-meter-track { height: 14px; background: #f0f0f1; border: 1px solid #c3c4c7; border-radius: 7px; overflow: hidden; }
.ailsug-meter-track span { display: block; height: 100%; background: #2271b1; }
.ailsug-meter.is-alert .ailsug-meter-track span { background: #996800; }
.ailsug-meter.is-reached .ailsug-meter-track span { background: #b32d2e; }
.ailsug-usage-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; max-width: 1100px; }
.ailsug-bar { display: inline-block; height: 8px; background: #72aee6; vertical-align: middle; min-width: 2px; max-width: 60%; }
.ailsug-price-table { max-width: 1000px; }
.ailsug-calc { display: grid; grid-template-columns: minmax(220px, 320px) 1fr; gap: 24px; max-width: 1000px; background: #fff; border: 1px solid #c3c4c7; padding: 12px 16px; }
.ailsug-calc-how { grid-column: 1 / -1; }
.ailsug-calc-list { display: grid; grid-template-columns: max-content 1fr; gap: 6px 16px; }
.ailsug-calc-list dt { font-weight: 600; }
.ailsug-calc-list dd { margin: 0; }
.ailsug-dialog { max-width: 560px; width: calc(100% - 32px); border: 1px solid #c3c4c7; padding: 16px 24px; }
.ailsug-dialog::backdrop { background: rgba(0, 0, 0, 0.4); }
.ailsug-dialog-facts { display: grid; grid-template-columns: max-content 1fr; gap: 6px 16px; }
.ailsug-dialog-facts dt { font-weight: 600; }
.ailsug-dialog-facts dd { margin: 0; }
.ailsug-dialog-error { color: #8a2424; font-weight: 600; }
.ailsug-dialog-actions { display: flex; gap: 8px; justify-content: flex-end; margin-top: 16px; flex-wrap: wrap; }
@media screen and (max-width: 782px) {
	.ailsug-calc { grid-template-columns: 1fr; }
}

/* Suggestions screen */
.ailsug-context { margin: 0 0 4px; }
.ailsug-context mark, .ailsug-preview mark { background: #fcf9e8; outline: 1px solid #dba617; padding: 0 2px; }
.ailsug-preview, .ailsug-edit { background: #f6f7f7; border: 1px solid #dcdcde; padding: 4px 12px; margin-top: 6px; }
.ailsug-score { display: inline-block; padding: 1px 8px; border-radius: 10px; border: 1px solid #c3c4c7; font-weight: 600; white-space: nowrap; }
.ailsug-score.is-strong { background: #edfaef; border-color: #00a32a; }
.ailsug-score.is-good { background: #f0f6fc; border-color: #2271b1; }
.ailsug-score.is-weak { background: #f6f7f7; }
.ailsug-filters select, .ailsug-filters input { margin-inline-end: 6px; }
.ailsug-accept-above { margin: 8px 0; }
.wp-list-table .column-score { width: 110px; }
.wp-list-table .column-status { width: 150px; }
.wp-list-table .column-anchor { width: 34%; }

/* Dashboard */
.ailsug-steps { display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 8px 0 16px; padding: 0; list-style: none; counter-reset: ailsug-step; }
.ailsug-steps li { counter-increment: ailsug-step; }
.ailsug-steps li::before { content: counter(ailsug-step) ". "; font-weight: 600; }
.ailsug-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; margin: 16px 0; padding: 0; list-style: none; max-width: 1100px; }
.ailsug-kpi { background: #fff; border: 1px solid #c3c4c7; padding: 12px 16px; margin: 0; display: flex; flex-direction: column; gap: 4px; }
.ailsug-kpi-value { font-size: 24px; font-weight: 600; line-height: 1.2; color: #1d2327; }
.ailsug-kpi-label { font-size: 13px; }
.ailsug-kpi-hint { font-size: 12px; color: #50575e; }
.ailsug-scan-box { background: #fff; border: 1px solid #c3c4c7; padding: 12px 16px 16px; max-width: 1100px; margin-bottom: 16px; }
.ailsug-scan-box .button-hero { margin-top: 8px; }
.ailsug-onboarding { background: #fff; border: 1px solid #c3c4c7; border-inline-start: 4px solid #2271b1; padding: 4px 16px 12px; max-width: 1100px; margin-bottom: 16px; }
.ailsug-onboarding ol { list-style: none; margin: 0; padding: 0; }
.ailsug-onboarding li { padding: 6px 0; }
.ailsug-check { display: inline-block; width: 1.4em; font-weight: 700; }
.ailsug-onboarding .is-done .ailsug-check { color: #00a32a; }
.ailsug-onboarding .is-todo .ailsug-check { color: #b32d2e; }
.ailsug-quick-wins { max-width: 1100px; }
.ailsug-log { max-height: 320px; overflow: auto; max-width: 1100px; margin-bottom: 8px; }