/**
 * Auth responsive: landscape tablets with limited viewport height
 * Targets Login, Forgot Password, Reset Password when keyboard opens
 * (e.g. Galaxy A7 1249x696 -> ~300-400px visible height)
 */

/* Landscape tablet + keyboard: viewport height drops to ~300-400px */
@media (max-height: 600px) and (orientation: landscape) {
    body.page-login .login-page,
    body.page-forgot .login-page {
        top: 75px;
        transform: none;
        height: auto;
        min-height: auto;
    }

    body.page-login .login-page .page-header h2,
    body.page-forgot .login-page .page-header h2 {
        height: 60px;
        background-size: 150px;
    }

    body.page-login .login-page > .row,
    body.page-forgot .login-page > .row {
        margin-top: 40px;
        max-height: calc(100vh - 75px);
        overflow: auto;
    }

    body.page-login .login-page .panel-body,
    body.page-forgot .login-page .panel-body {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    body.page-login .login-page .login-header-row,
    body.page-forgot .login-page .login-header-row {
        margin-bottom: 0.5rem;
        align-items: center;
    }

    body.page-login .login-page .login-header-row .language-inline {
        font-size: 0.9rem;
    }

    body.page-login .login-page .login-header-row .language-inline .language-icon {
        font-size: 1rem;
    }

    body.page-login .login-page .panel-body h2,
    body.page-forgot .login-page .panel-body h2 {
        font-size: 1.25rem;
        margin-bottom: 0.25rem;
    }

    body.page-login .login-page .panel-body h4,
    body.page-forgot .login-page .panel-body h4 {
        font-size: 0.95rem;
        margin-bottom: 0.5rem;
    }

    body.page-login .login-page .panel-body .md-form,
    body.page-forgot .login-page .panel-body .md-form {
        margin-bottom: 0.5rem;
    }

    body.page-login .login-page .panel-body .form-group,
    body.page-forgot .login-page .panel-body .form-group {
        margin-bottom: 0.5rem;
    }

    body.page-login .login-page .panel-body .form-group:last-child,
    body.page-forgot .login-page .panel-body .form-group:last-child {
        margin-top: 0.25rem;
    }

    body.page-login footer,
    body.page-forgot footer {
        display: none !important;
    }
}

/* Ultra-compact: very cramped viewport (~300px or less) */
@media (max-height: 450px) and (orientation: landscape) {
    body.page-login .login-page,
    body.page-forgot .login-page {
        top: 60px;
    }

    body.page-login .login-page .page-header h2,
    body.page-forgot .login-page .page-header h2 {
        height: 40px;
        background-size: 120px;
    }

    body.page-login .login-page > .row,
    body.page-forgot .login-page > .row {
        margin-top: 0px;
    }

    body.page-login .login-page .panel-body,
    body.page-forgot .login-page .panel-body {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    body.page-login .login-page .panel-body h4,
    body.page-forgot .login-page .panel-body h4 {
        display: none;
    }

    body.page-login .login-page .login-header-row {
        margin-bottom: 0.25rem;
    }

    body.page-login footer,
    body.page-forgot footer {
        display: none !important;
    }
}