/* =========================================================
   VF VAT1204 Search — unified style (like vf-info summary)
   ========================================================= */

/* Container */
.vf-vat1204{
  border:1px solid #e6eef8;
  border-radius:14px;
  background:#ffffff;
  box-shadow:0 6px 24px rgba(16,24,40,.06);
  padding:18px;
  margin:16px 0;
}

/* Gradient header (title) */
.vf-vat1204__title{
  background:linear-gradient(90deg,#0b5ed7,#1e88ff);
  border-radius:12px;
  padding:16px 16px 14px;
  margin:0 0 10px;
  color:#ffffff;
  font-size:18px;
  line-height:1.2;
  font-weight:800;
}

/* Lead / hint under title */
.vf-vat1204__hint{
  margin:0 0 14px;
  padding:0 2px;
  font-size:13px;
  line-height:1.55;
  color:#344054;
}

/* Search row */
.vf-vat1204__row{
  display:flex;
  gap:10px;
  align-items:stretch; /* keeps same height */
}

/* Input */
.vf-vat1204__input{
  flex:1;
  padding:12px 14px;
  border:1px solid #e6eef8;
  border-radius:12px;
  font-size:14px;
  line-height:1.2;
  outline:none;
  background:#ffffff;
}

.vf-vat1204__input::placeholder{
  color:#98a2b3;
}

.vf-vat1204__input:focus{
  border-color:#0b5ed7;
  box-shadow:0 0 0 4px rgba(11,94,215,.10);
}

/* Button — compact and proportional */
.vf-vat1204__btn{
  padding:12px 16px;
  border-radius:12px;
  border:1px solid #0b5ed7;
  background:#0b5ed7;
  color:#ffffff;
  font-weight:800;
  font-size:14px;
  cursor:pointer;

  /* compact */
  min-width:96px;        /* smaller than before */
  white-space:nowrap;    /* keeps "Найти" in one line */
}

.vf-vat1204__btn:hover{
  opacity:.92;
}

.vf-vat1204__btn:active{
  transform:translateY(1px);
}

/* Results */
.vf-vat1204__results{
  margin-top:14px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

/* Result card (like vf-info note) */
.vf-vat1204__card{
  border:1px solid #e6eef8;
  border-radius:12px;
  padding:12px;
  background:#fbfcff;
}

/* Card text */
.vf-vat1204__code{
  font-weight:800;
  color:#111827;
}

.vf-vat1204__name{
  margin-top:6px;
  color:#344054;
  font-size:13px;
  line-height:1.55;
}

/* Meta tags */
.vf-vat1204__meta{
  margin-top:8px;
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}

.vf-vat1204__tag{
  font-size:12px;
  color:#344054;
  background:#f2f6ff;
  border:1px solid #e6eef8;
  padding:4px 8px;
  border-radius:999px;
}

/* Loading / empty / error */
.vf-vat1204__loading,
.vf-vat1204__empty,
.vf-vat1204__error{
  color:#667085;
  font-size:13px;
  line-height:1.55;
}

/* Disclaimer */
.vf-vat1204__disclaimer{
  margin-top:12px;
  font-size:13px;
  line-height:1.55;
  color:#667085;
}

/* Mobile */
@media (max-width: 700px){
  .vf-vat1204__row{
    flex-direction:column;
  }
  .vf-vat1204__btn{
    width:100%;
    min-width:unset;
    text-align:center;
  }
  .vf-vat1204__title{
    font-size:17px;
  }
}

/* ===== FIX: button too large ===== */

/* Row: do NOT stretch items */
.vf-vat1204__row{
  align-items:center; /* вместо stretch */
}

/* Input: фиксируем высоту */
.vf-vat1204__input{
  height:48px;
  padding:0 14px;
}

/* Button: same height, compact padding */
.vf-vat1204__btn{
  height:48px;
  padding:0 18px;
  min-width:88px;

  display:flex;
  align-items:center;
  justify-content:center;

  font-size:14px;
  font-weight:700;
  border-radius:12px;
}