/**
 * NEO Knowledge Base - Form suggestions panel (ADR-018).
 *
 * Self-contained: loaded on non-KB pages wherever a supported form renders, so
 * it cannot rely on the main public stylesheet. Uses the shared --nkb-* design
 * variables with hard fallbacks so it still looks right off KB pages.
 *
 * The panel is injected INSIDE third-party form markup. Some form plugins ship
 * aggressive universal resets (e.g. WPForms: `.wpforms-form * { background:none;
 * border:0; border-radius:0; margin:0; padding:0; box-shadow:none }` plus
 * `ul li { ... !important }`). To survive inside any of them, the visual
 * properties below are pinned with !important and the list uses role-divs, not
 * <ul>/<li>. Keep the !important flags when editing.
 */

.nkb-form-suggest {
	box-sizing: border-box !important;
	margin: 12px 0 4px !important;
	padding: 14px 16px !important;
	background: var( --nkb-surface-color, #f6f7f9 ) !important;
	border: 1px solid var( --nkb-border-color, #e4e6ea ) !important;
	border-left: 3px solid var( --nkb-brand-color, #2271b1 ) !important;
	border-radius: 8px !important;
	box-shadow: 0 1px 2px rgba( 16, 24, 40, 0.06 ) !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
	color: var( --nkb-text-color, #1d2327 ) !important;
	list-style: none !important;
}

.nkb-form-suggest[hidden] {
	display: none !important;
}

.nkb-form-suggest .nkb-form-suggest-heading {
	margin: 0 0 10px !important;
	padding: 0 !important;
	font-weight: 600 !important;
	font-size: 13px !important;
	line-height: 1.4 !important;
	color: var( --nkb-heading-color, #1d2327 ) !important;
	background: none !important;
}

.nkb-form-suggest .nkb-form-suggest-list {
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
	border: 0 !important;
	list-style: none !important;
}

.nkb-form-suggest .nkb-form-suggest-list .nkb-form-suggest-item {
	display: block !important;
	margin: 0 !important;
	padding: 8px 0 !important;
	background: none !important;
	border: 0 !important;
	border-top: 1px solid var( --nkb-border-color, #e4e6ea ) !important;
	list-style: none !important;
}

.nkb-form-suggest .nkb-form-suggest-list .nkb-form-suggest-item:first-child {
	border-top: 0 !important;
	padding-top: 0 !important;
}

.nkb-form-suggest .nkb-form-suggest-link {
	display: inline-block !important;
	margin: 0 !important;
	padding: 0 !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	line-height: 1.4 !important;
	text-decoration: none !important;
	background: none !important;
	color: var( --nkb-link-color, #2271b1 ) !important;
}

.nkb-form-suggest .nkb-form-suggest-link:hover,
.nkb-form-suggest .nkb-form-suggest-link:focus {
	text-decoration: underline !important;
}

.nkb-form-suggest .nkb-form-suggest-excerpt {
	display: block !important;
	margin: 2px 0 0 !important;
	padding: 0 !important;
	font-size: 13px !important;
	line-height: 1.5 !important;
	font-weight: 400 !important;
	color: var( --nkb-muted-color, #646970 ) !important;
}