/* Smartcard.kz — isolated improvements for the login page.
   Load AFTER /js/vue/bundle.css. No change to registration or authentication logic. */

/* Apply ONLY while the Vue login page is rendered. */
@media (max-width: 1000px) {
  body:has(.login-background[data-v-d00794a5]) main[data-v-d00794a5] {
    height: auto;
    min-height: calc(100dvh - 114px);
    overflow-y: visible;
    justify-content: flex-start;
    align-items: center;
    gap: 24px;
    padding-top: clamp(24px, 5vh, 54px);
    padding-bottom: 40px;
  }
  body:has(.login-background[data-v-d00794a5]) .login-container[data-v-d00794a5] {
    width: min(95%, 480px);
    flex: 0 0 auto;
  }
  body:has(.login-background[data-v-d00794a5]) .login-window[data-v-d00794a5] {
    max-width: 440px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 600px) {
  body:has(.login-background[data-v-d00794a5]) main[data-v-d00794a5] {
    padding-top: 24px;
    gap: 16px;
  }
  body:has(.login-background[data-v-d00794a5]) .login-container[data-v-d00794a5] {
    width: 94%;
  }
  body:has(.login-background[data-v-d00794a5]) .login-window[data-v-d00794a5] {
    max-width: 100%;
  }
}
/* Компактная авторизация на мобильных устройствах */
@media (max-width: 1000px) {

  main[data-v-d00794a5] {
    height: auto !important;
    min-height: 0 !important;
    justify-content: flex-start !important;
    overflow-y: visible !important;
    padding-top: 24px;
    padding-bottom: 40px;
  }

  .login-container[data-v-d00794a5] {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }

  /* Cookie-уведомление */
  .cookie-banner[data-v-8ac6c1c6] {
    width: calc(100% - 24px);
    max-width: 400px;
    left: 50%;
    right: auto;
    bottom: 16px;
    transform: translateX(-50%);
  }
}
@media (max-width: 600px) {
  body:has(.login-background) .cookie-banner {
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    bottom: max(12px, env(safe-area-inset-bottom)) !important;
    transform: translateX(-50%) !important;
    width: calc(100% - 24px) !important;
    max-width: 420px !important;
    z-index: 9999;
  }

  body:has(.login-background) .cookie-card {
    padding: 12px 14px !important;
    gap: 10px !important;
    border-radius: 14px !important;
  }

  body:has(.login-background) .cookie-card p {
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  body:has(.login-background) .cookie-card button {
    min-height: 36px;
    padding: 6px 16px;
    font-size: 13px;
  }
}/* Показываем полный логотип SMARTCARD на телефоне */
@media (max-width: 768px) {

  body:has(.login-background) .large-logo {
    display: block !important;
    width: 155px !important;
    height: 40px !important;
    max-width: 100% !important;
  }

  body:has(.login-background) .small-logo {
    display: none !important;
  }

}/* Компактное cookie-уведомление */
@media (max-width: 600px) {
  body:has(.login-background) .cookie-card {
    padding: 12px 14px !important;
    gap: 8px !important;
    border-radius: 14px !important;
  }

  body:has(.login-background) .cookie-card p {
    font-size: 11px !important;
    line-height: 1.45 !important;
  }

  body:has(.login-background) .cookie-card button {
    min-height: 34px !important;
    padding: 5px 18px !important;
    font-size: 12px !important;
  }
}