/* vkeyboard.css — panel içi dokunmatik Türkçe klavye (07.07.2026) */
.vk-root {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 3000;
  background: #1f2430; color: #fff; padding: 8px 8px 10px;
  box-shadow: 0 -6px 24px rgba(0,0,0,0.35);
  transform: translateY(110%); transition: transform 0.16s ease;
  user-select: none; -webkit-user-select: none; touch-action: manipulation;
}
.vk-root.vk-visible { transform: translateY(0); }
.vk-bar { display: flex; justify-content: space-between; align-items: center; padding: 2px 4px 8px; }
.vk-title { font-size: 13px; opacity: 0.7; }
.vk-close { background: #3a4152; color: #fff; border: none; border-radius: 8px; padding: 8px 14px; font-size: 14px; cursor: pointer; }
.vk-close:active { background: #4b5468; }
.vk-keys { display: flex; flex-direction: column; gap: 6px; max-width: 1100px; margin: 0 auto; }
.vk-row { display: flex; gap: 6px; justify-content: center; }
.vk-key {
  flex: 1 1 0; min-width: 0; min-height: 52px; font-size: 19px; font-weight: 600;
  background: #2b3140; color: #fff; border: 1px solid #3a4152; border-radius: 9px; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
}
.vk-key:active { background: #4b5468; }
.vk-fn { background: #3a4152; font-size: 16px; flex: 1.3 1 0; }
.vk-space { flex: 6 1 0; }
/* Rakam tuş takımı — kompakt, ortalı, büyük tuşlar */
.vk-root.vk-numeric .vk-keys { max-width: 340px; }
.vk-root.vk-numeric .vk-key { min-height: 62px; font-size: 24px; }
/* Kenar aç/kapa butonu — her zaman görünür sağ-alt */
.vk-toggle {
  position: fixed; right: 14px; bottom: 14px; z-index: 2999;
  width: 56px; height: 56px; border-radius: 50%; border: none;
  background: #681620; color: #fff; font-size: 26px; cursor: pointer;
  box-shadow: 0 4px 16px rgba(0,0,0,0.3);
}
.vk-toggle:active { background: #7d1a26; }
/* Klavye açıkken sayfa altına boşluk (input'lar klavye altında kalmasın) */
body.vk-open { padding-bottom: 320px; }
body.vk-open .vk-toggle { bottom: 330px; }
@media (max-width: 720px) {
  .vk-key { min-height: 46px; font-size: 17px; }
  body.vk-open { padding-bottom: 290px; }
  body.vk-open .vk-toggle { bottom: 300px; }
}