/* «Распознавание документов» — шорткод [aimp_docs]. */

.aimp-doc {
	--dc-accent: #6c5ce7;
	--dc-line: #e3e5ef;
	max-width: 900px;
}

.aimp-doc-free {
	margin: 0 0 1.2em;
	padding: .7em .9em;
	border-radius: 8px;
	background: #e9f7ee;
	color: #1a7f37;
	font-size: .9em;
}

.aimp-doc-step {
	margin-bottom: 2em;
}

.aimp-doc-title {
	display: flex;
	align-items: center;
	gap: .6em;
	margin: 0 0 .7em;
	font-size: 1.05em;
}

.aimp-doc-title span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.7em;
	height: 1.7em;
	border-radius: 50%;
	background: var(--dc-accent);
	color: #fff;
	font-size: .8em;
	flex: 0 0 auto;
}

.aimp-doc-drop {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1.6em;
	border: 2px dashed var(--dc-line);
	border-radius: 10px;
	cursor: pointer;
	color: #6b7080;
	font-size: .95em;
	transition: border-color .15s;
}

.aimp-doc-drop:hover {
	border-color: var(--dc-accent);
}

.aimp-doc-hint {
	margin: .7em 0 0;
	font-size: .85em;
	color: #8b8fa3;
	line-height: 1.5;
}

.aimp-doc-kinds {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 1.2em;
}

.aimp-doc-kind {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: .55em .9em;
	border: 1px solid var(--dc-line);
	border-radius: 999px;
	background: #fff;
	cursor: pointer;
	font-size: .9em;
	transition: border-color .15s, background .15s;
}

.aimp-doc-kind:has(input:checked) {
	border-color: var(--dc-accent);
	background: #f3f1ff;
	color: var(--dc-accent);
}

.aimp-doc-run {
	padding: .75em 1.6em;
	border: 0;
	border-radius: 8px;
	background: var(--dc-accent);
	color: #fff;
	font-size: .95em;
	cursor: pointer;
}

.aimp-doc-run:disabled {
	opacity: .5;
	cursor: default;
}

.aimp-doc-status {
	margin-top: .9em;
	padding: .7em .9em;
	border-radius: 8px;
	font-size: .9em;
	background: #f4f5fa;
	color: #3a3f51;
}

.aimp-doc-status.is-ok {
	background: #e9f7ee;
	color: #1a7f37;
}

.aimp-doc-status.is-error {
	background: #fdf0f0;
	color: #a02020;
}

.aimp-doc-actions {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: .7em;
}

.aimp-doc-actions button {
	padding: .5em 1.1em;
	border: 1px solid var(--dc-accent);
	border-radius: 8px;
	background: #fff;
	color: var(--dc-accent);
	font: inherit;
	font-size: .9em;
	cursor: pointer;
}

.aimp-doc-actions button:hover {
	background: var(--dc-accent);
	color: #fff;
}

.aimp-doc-copied {
	font-size: .85em;
	color: #1a7f37;
}

.aimp-doc-output {
	margin: 0;
	padding: 1em 1.1em;
	border: 1px solid var(--dc-line);
	border-radius: 10px;
	background: #fbfbfe;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: .85em;
	line-height: 1.6;
	white-space: pre-wrap;
	word-break: break-word;
	max-height: 560px;
	overflow-y: auto;
}

.aimp-doc-warn {
	margin: .9em 0 0;
	padding: .7em .9em;
	border-radius: 8px;
	background: #fff6e8;
	color: #8a5a00;
	font-size: .85em;
	line-height: 1.5;
}