/* VL-CALC — только то, чего нет в css темы vlan-tools.css.
   Карточка, поля, фишки и результат берут стили темы без изменений.
   Откат: убрать <link> из /local/php_interface/init.php. */

/* height/overflow заданы явно: 31.08.2026 слой чата уже занимал имя .vlc-bar
   (полоска 4 px, overflow:hidden) и, загружаясь позже, срезал кнопки пополам.
   Имя разведено, но явные значения оставлены как страховка от следующего совпадения. */
.vlcalc-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;height:auto;overflow:visible;
  margin:-6px 0 22px;padding:14px 16px;border:1px solid #dbe4f3;border-top:0;
  border-radius:0 0 16px 16px;background:#f6f9ff}
.vlcalc-b{appearance:none;border:1px solid transparent;border-radius:11px;
  padding:12px 18px;font:inherit;font-weight:600;font-size:15px;line-height:1.2;
  cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.vlcalc-b--main{background:#2563EB;color:#fff}
.vlcalc-b--main:hover{background:#1d4ed8}
.vlcalc-b--ghost{background:#fff;color:#0E2A6B;border-color:#c9d6ee}
.vlcalc-b--ghost:hover{border-color:#2563EB;color:#2563EB}
.vlcalc-hint{flex:1 1 240px;min-width:200px;color:#5b6b86;font-size:13px;line-height:1.45}
.vlcalc-err{flex:1 1 100%;color:#b42318;font-size:13px;line-height:1.45}

.vlcalc-back{display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  margin:18px 0 -4px;padding:9px 14px;border-radius:12px;
  background:#eef4ff;color:#0E2A6B;font-size:13px}
.vlcalc-reset{appearance:none;background:none;border:0;padding:0;font:inherit;
  font-size:13px;color:#2563EB;text-decoration:underline;cursor:pointer}
.vlcalc-reset:hover{color:#1d4ed8}

/* чек-лист: вопросов много, поэтому колонка вопросов уже и с прокруткой */
.vlcalc-own .vlt-controls{max-height:none}
.vlcalc-own .vlt-label{font-weight:500;line-height:1.4}
.vlcalc-own .vlt-field{margin-bottom:14px}

@media (max-width:640px){
  .vlcalc-bar{flex-direction:column;align-items:stretch}
  .vlcalc-b{width:100%}
}