/**
 * Стили инструментов «Посылковеда». Цвета берутся из токенов темы,
 * но у каждого есть запасное значение — плагин работает и с другой темой.
 *
 * @package posylkoved-tools
 */

.pk-tool { margin: 0 0 26px; }

.pk-tool__form {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: flex-end;
	margin: 0 0 12px;
}

.pk-tool__field {
	display: flex;
	flex-direction: column;
	gap: 5px;
	flex: 1 1 240px;
}

.pk-tool__field label { font-size: .9375rem; font-weight: 600; }

.pk-tool input[type="text"],
.pk-tool input[type="number"] {
	font: inherit;
	padding: 11px 13px;
	min-height: 46px;
	width: 100%;
	border: 1px solid #d1d5db;
	border-radius: var( --pk-radius, 10px );
	background: #fff;
	color: var( --pk-text, #111827 );
}

.pk-tool button {
	font: inherit;
	font-weight: 600;
	padding: 11px 22px;
	min-height: 46px;
	border: 0;
	border-radius: var( --pk-radius, 10px );
	background: var( --pk-accent, #1d4ed8 );
	color: #fff;
	cursor: pointer;
}

.pk-tool button:hover { background: #1a44bd; }
.pk-tool button:focus-visible { outline: 3px solid var( --pk-accent, #1d4ed8 ); outline-offset: 2px; }

.pk-tool__result {
	margin: 16px 0 0;
	padding: 14px 18px;
	border-radius: var( --pk-radius, 10px );
	background: var( --pk-accent-bg, #eff6ff );
	border-left: 4px solid var( --pk-accent, #1d4ed8 );
}

.pk-tool__result:empty { display: none; }
.pk-tool__result p:last-child { margin-bottom: 0; }
.pk-tool__result ul { margin: .5em 0 0; }
.pk-tool__result--warn { background: var( --pk-warn-bg, #fffbeb ); border-color: var( --pk-warn, #b45309 ); }
.pk-tool__result--ok { background: var( --pk-ok-bg, #f0fdf4 ); border-color: var( --pk-ok, #15803d ); }

.pk-tool__hint { font-size: .875rem; color: var( --pk-muted, #4b5563 ); }