/* «Войти через VK ID» on the website (docs/36_VK.md §8; src/vkid.ts): the game's own wooden plank, as Telegram's
   (owner, 2026-10-26: «тут синяя кнопка осталась») — the same height, words and wood, VK's logo in ivory brass, no
   VK blue — under Telegram's on the start screen; the offer to link the kept captain; settings'
   «Привязать VK». Never inside the VK Mini App (vk.css hides them too) nor in Telegram's (the script never shows them). */
.vkid-ico { width: 1.45em; height: 1.45em; margin: -0.125em 0; flex: none; fill: currentColor; }

.login-panel #login-form .vkid-login {
  display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 40px; margin-top: 6px;
  color: #e6dcc4; border-color: rgba(176, 141, 87, 0.65); background: linear-gradient(180deg, rgba(74, 58, 38, 0.55), rgba(30, 24, 16, 0.75));
  font-size: 14px;
}
.login-panel #login-form .vkid-login .vkid-ico { color: #d9b56a; filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.8)); }
.login-panel #login-form .vkid-login:hover:not(:disabled) { border-color: rgba(216, 180, 106, 0.85); color: #f4ead2; }
.login-panel #login-form .vkid-login.hidden,
.login-panel #login-form .vkid-offer.hidden { display: none; }
.login-panel #login-form .vkid-login .vkl-short { display: none; }
.login-panel #login-form .vkid-offer {
  display: block; width: 100%; margin-top: 4px; background: none; border: none; box-shadow: none; padding: 4px 2px;
  color: #cdb27a; font-size: 12.5px; text-decoration: underline; text-underline-offset: 2px; white-space: normal; line-height: 1.25;
}
.login-panel #login-form .vkid-offer:hover:not(:disabled) { color: #ecd49c; }
@media (max-height: 520px) {
  .login-panel #login-form .vkid-login { min-height: var(--f-btn2, 40px); margin-top: 4px; font-size: var(--f-fs, 13px); }
}
@media (max-height: 340px) {
  #screen-login .login-panel #login-form .vkid-login .vkl-long { display: none; }
  #screen-login .login-panel #login-form .vkid-login .vkl-short { display: inline; }
  #screen-login .login-panel #login-form .vkid-login { grid-column: 1 / -1; margin-top: 4px; min-height: var(--f-btn2, 38px); }
  #screen-login .login-panel #login-form .vkid-offer { grid-column: 1 / -1; }
}

/* settings' «Привязать VK»: the kit's wooden button as «Привязать Телеграм», the logo in brass */
.opt-vkid { display: inline-flex; align-items: center; justify-content: center; gap: 6px; width: 100%; }
.opt-vkid .vkid-ico { color: #d9b56a; }
.opt-vkid:disabled { opacity: 0.75; cursor: default; }