/**
 * BitkiMO Yardım — AI widget shell (Stage 3). Все селекторы строго
 * в области .bmy-ai — чужой CSS не трогаем.
 */

.bmy-ai {
	margin: 24px auto;
	max-width: 640px;
	padding: 20px;
	border: 1px solid #e3e6e3;
	border-radius: 12px;
	background: #fafbfa;
}

.bmy-ai__title {
	margin: 0 0 4px;
	font-size: 18px;
	line-height: 1.3;
}

.bmy-ai__note {
	margin: 0 0 14px;
	font-size: 13px;
	color: #667066;
}

.bmy-ai__form {
	display: flex;
	gap: 8px;
}

.bmy-ai__input {
	flex: 1 1 auto;
	min-width: 0;
	padding: 10px 14px;
	border: 1px solid #cfd6cf;
	border-radius: 8px;
	font-size: 15px;
}

.bmy-ai__btn {
	flex: 0 0 auto;
	padding: 10px 18px;
	border: 0;
	border-radius: 8px;
	background: #2f7d4f;
	color: #fff;
	font-size: 15px;
	cursor: pointer;
}

.bmy-ai.is-busy .bmy-ai__btn {
	opacity: 0.6;
	pointer-events: none;
}

.bmy-ai__answer {
	margin-top: 14px;
	padding: 12px 14px;
	border-radius: 8px;
	background: #eef4ef;
	font-size: 14px;
	line-height: 1.5;
}

.bmy-ai__search-link {
	font-weight: 600;
}

/* --- Stage 5: живой ответ, citations, feedback, idea-вход --- */

.bmy-ai__answer-text {
	margin: 0 0 12px;
	font-size: 15px;
	line-height: 1.55;
	white-space: pre-line;
}

.bmy-ai__message {
	margin: 0 0 10px;
	font-size: 14px;
	line-height: 1.5;
}

.bmy-ai__citations {
	margin: 0 0 10px;
	font-size: 13px;
}

.bmy-ai__citations-label {
	display: block;
	margin: 0 0 4px;
	color: #667066;
}

.bmy-ai__citations-list,
.bmy-ai__candidates {
	margin: 0 0 8px;
	padding-left: 18px;
}

.bmy-ai__citation,
.bmy-ai__candidate {
	margin: 0 0 4px;
	font-size: 14px;
}

.bmy-ai__feedback {
	margin: 6px 0 0;
}

.bmy-ai__feedback-btn {
	padding: 6px 10px;
	border: 1px solid #cfd6cf;
	border-radius: 8px;
	background: #fff;
	font-size: 13px;
	color: #445044;
	cursor: pointer;
}

.bmy-ai__feedback-btn:disabled {
	opacity: 0.6;
	cursor: default;
}

.bmy-ai__feedback-done {
	font-size: 13px;
	color: #3c6e47;
}

.bmy-ai__footer {
	margin: 14px 0 0;
	padding-top: 10px;
	border-top: 1px solid #eceeec;
}

.bmy-ai__idea {
	padding: 0;
	border: 0;
	background: none;
	font-size: 13px;
	color: #3c6e47;
	text-decoration: underline;
	cursor: pointer;
}

.bmy-ai__idea-note {
	display: block;
	margin: 6px 0 0;
	font-size: 12px;
	color: #667066;
}

/* ---------------------------------------------------------------------
 * Stage 6: Safe Action Gateway (Fikir/Öneri + Destek Talebi).
 * ------------------------------------------------------------------ */

.bmy-ai__panel {
	margin: 14px 0 0;
	padding: 14px;
	border: 1px solid #dde3dd;
	border-radius: 10px;
	background: #fafbfa;
}

.bmy-ay__title {
	margin: 0 0 8px;
	font-size: 16px;
	color: #2b332b;
}

.bmy-ay__hint {
	margin: 0 0 10px;
	font-size: 13px;
	color: #566056;
}

.bmy-ay__row {
	margin: 0 0 10px;
}

.bmy-ay__label {
	display: block;
	margin: 0 0 4px;
	font-size: 13px;
	color: #445044;
}

.bmy-ay__input,
.bmy-ay__select,
.bmy-ay__textarea {
	width: 100%;
	box-sizing: border-box;
	padding: 8px 10px;
	border: 1px solid #cfd6cf;
	border-radius: 8px;
	font-size: 14px;
	background: #fff;
	color: #2b332b;
}

.bmy-ay__textarea {
	resize: vertical;
	min-height: 84px;
}

.bmy-ay__tech,
.bmy-ay__account,
.bmy-ay__privacy {
	margin: 0 0 10px;
	font-size: 12px;
	color: #667066;
}

.bmy-ay__error {
	margin: 0 0 10px;
	font-size: 13px;
	color: #a03c3c;
}

.bmy-ay__buttons {
	display: flex;
	gap: 8px;
	margin: 4px 0 0;
}

.bmy-ay__btn {
	padding: 8px 14px;
	border: 1px solid #cfd6cf;
	border-radius: 8px;
	background: #fff;
	font-size: 14px;
	color: #445044;
	cursor: pointer;
}

.bmy-ay__btn--primary {
	border-color: #3c6e47;
	background: #3c6e47;
	color: #fff;
}

.bmy-ay__btn:disabled {
	opacity: 0.6;
	cursor: default;
}

.bmy-ay__preview-list {
	margin: 0 0 10px;
	padding-left: 18px;
}

.bmy-ay__preview-item {
	margin: 0 0 6px;
	font-size: 14px;
	color: #2b332b;
	overflow-wrap: anywhere;
}

.bmy-ay__preview-label {
	font-weight: 600;
}

.bmy-ay__success {
	margin: 0 0 6px;
	font-size: 14px;
	color: #3c6e47;
}

.bmy-ay__ref {
	margin: 0 0 10px;
	font-size: 13px;
	color: #566056;
}

.bmy-ai__support,
.bmy-ai__support-wrap .bmy-ai__support {
	margin: 8px 0 0;
	padding: 8px 12px;
	border: 1px solid #3c6e47;
	border-radius: 8px;
	background: #fff;
	font-size: 13px;
	color: #3c6e47;
	cursor: pointer;
}

.bmy-ai__support-entry {
	margin: 0 0 0 12px;
	padding: 6px 12px;
	border: 1px solid #3c6e47;
	border-radius: 8px;
	background: #fff;
	font-size: 13px;
	color: #3c6e47;
	cursor: pointer;
}

.bmy-ai__footer > .bmy-ai__support-entry:first-child {
	margin-left: 0;
}

@media (max-width: 480px) {
	.bmy-ai__support-entry {
		display: block;
		margin: 10px 0 0;
	}
}