@font-face {
    font-family: "Noto Sans Thai";
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url("/include/fonts/noto-sans-thai-thai.woff2") format("woff2");
    unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}

@font-face {
    font-family: "Noto Sans Thai";
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url("/include/fonts/noto-sans-thai-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body.login-page {
    min-width: 320px;
    min-height: 100dvh;
    margin: 0;
    background: #eef3f1;
    color: #172033;
    font-family: "Noto Sans Thai", "Leelawadee UI", Tahoma, sans-serif;
    line-height: 1.5;
}

.login-shell {
    display: grid;
    min-height: 100dvh;
    place-items: center;
    padding: 20px;
}

.login-card {
    width: min(100%, 440px);
    padding: clamp(24px, 5vw, 40px);
    background: #ffffff;
    border: 1px solid #dfe4ea;
    border-radius: 8px;
    box-shadow: 0 18px 45px rgba(16, 24, 40, .12);
}

.login-card .card-body {
    padding: 0 !important;
}

.login-card h1 {
    margin: 0 0 6px;
    font-size: 1.65rem;
    font-weight: 700;
}

.login-card .login-subtitle {
    margin-bottom: 26px;
    color: #667085;
}

.login-card .form-control {
    min-height: 56px;
    border-radius: 6px;
}

.login-card .btn {
    min-height: 48px;
    border-radius: 6px;
    font-weight: 600;
}

@media (max-width: 575.98px) {
    .login-shell {
        align-items: stretch;
        padding: 0;
        background: #ffffff;
    }

    .login-card {
        width: 100%;
        min-height: 100dvh;
        padding: 28px 18px;
        border: 0;
        box-shadow: none;
    }
}