/* PrintMercial EU VAT — встраиваемый блок, лёгкий Google-стиль. Адаптив. */

.pm-vat-card {
	position: relative;
	z-index: 5;
	background: #fff;
	border: 1px solid #dadce0;
	border-radius: 12px;
	padding: 20px;
	margin: 18px 0;
	font-family: 'Roboto', 'Google Sans', system-ui, -apple-system, Segoe UI, Arial, sans-serif;
	box-shadow: 0 1px 2px rgba(60,64,67,.1);
	max-width: 520px;
	transition: box-shadow .2s, border-color .2s;
}
.pm-vat-card.is-confirmed {
	border-color: #34a853;
	background: #f6fdf8;
}

.pm-vat-card__head { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 16px; }
.pm-vat-card__icon {
	display: inline-flex; align-items: center; justify-content: center;
	width: 36px; height: 36px; border-radius: 50%;
	background: #e8f0fe; color: #1a73e8; flex: 0 0 36px;
}
.is-confirmed .pm-vat-card__icon { background: #e6f4ea; color: #34a853; }
.pm-vat-card__title { margin: 0 0 2px; font-size: 16px; font-weight: 500; color: #202124; line-height: 1.3; }
.pm-vat-card__desc  { margin: 0; font-size: 13px; color: #5f6368; line-height: 1.45; }

.pm-vat-form { display: flex; gap: 10px; align-items: stretch; }

.pm-vat-field {
	display: flex; align-items: stretch; flex: 1;
	border: 1px solid #dadce0; border-radius: 8px; overflow: hidden;
	transition: border-color .2s, box-shadow .2s;
}
.pm-vat-field:focus-within { border-color: #1a73e8; box-shadow: 0 0 0 2px rgba(26,115,232,.15); }
.pm-vat-prefix {
	display: flex; align-items: center; padding: 0 12px;
	background: #f1f3f4; font-weight: 500; color: #5f6368; border-right: 1px solid #dadce0;
}
.pm-vat-input {
	flex: 1; border: 0 !important; padding: 11px 12px; font-size: 15px;
	letter-spacing: .5px; box-shadow: none !important; outline: none; background: transparent;
	color: #202124; min-width: 0;
}
.pm-vat-input[readonly] { color: #5f6368; }

/* Кнопка — Google-стиль */
.pm-vat-btn {
	position: relative; z-index: 6;
	border: 0; border-radius: 8px; cursor: pointer;
	background: #1a73e8; color: #fff;
	font-size: 14px; font-weight: 500; padding: 0 20px; min-width: 110px;
	transition: background .2s, box-shadow .2s, transform .05s;
	white-space: nowrap;
}
.pm-vat-btn:hover { background: #1b66c9; box-shadow: 0 1px 3px rgba(60,64,67,.3); }
.pm-vat-btn:active { transform: translateY(1px); }
.pm-vat-btn.is-loading { background: #8ab4f8; cursor: default; }
.pm-vat-btn.is-ok {
	background: #34a853; cursor: default;
}
.pm-vat-btn.is-ok:hover { background: #34a853; box-shadow: none; }

.pm-vat-msg { margin-top: 12px; min-height: 18px; font-size: 13px; }
.pm-vat-msg.is-ok { color: #188038; font-weight: 500; }

.pm-vat-card.pm-vat-shake { animation: pm-vat-shake .4s; }
@keyframes pm-vat-shake {
	0%,100% { transform: translateX(0); }
	25% { transform: translateX(-6px); }
	75% { transform: translateX(6px); }
}

@media (max-width: 520px) {
	.pm-vat-form { flex-direction: column; }
	.pm-vat-btn { padding: 12px; }
}