/* Inloggningssidan — fristående (laddar inte style.css) */

.login-body {
    min-height: 100vh;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #2c5f8a 0%, #337ab7 55%, #5694cd 100%);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.login-wrap { width: 100%; max-width: 380px; padding: 16px; }

.login-card {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .25);
    padding: 34px 32px 26px;
    text-align: center;
}

.login-logo {
    width: 64px;
    height: 64px;
    margin: 0 auto 12px;
    border-radius: 50%;
    background: #337ab7;
    color: #fff;
    font-size: 30px;
    line-height: 64px;
}

.login-title { margin: 0; font-size: 26px; font-weight: 600; color: #2c3e50; }
.login-sub   { margin: 2px 0 22px; color: #8b99a6; font-size: 13px; }

.login-card .input-group-addon { background: #f4f6f8; color: #8b99a6; border-color: #cfd6dd; }
.login-card .form-control {
    border-color: #cfd6dd;
    box-shadow: none;
}
.login-card .form-control:focus {
    border-color: #337ab7;
    box-shadow: 0 0 0 2px rgba(51, 122, 183, .18);
}
.login-card .input-group { margin-bottom: 12px; }
.login-card .btn-primary {
    margin-top: 6px;
    background: #337ab7;
    border-color: #2e6da4;
    font-weight: 600;
}
.login-card .btn-primary:hover { background: #2e6da4; }

.login-forgot { margin: 16px 0 0; font-size: 13px; }
.login-forgot a { color: #6a7681; }

/* felruta */
.login-card .alert { margin-bottom: 16px; text-align: left; }

/* mobil: full bredd-känsla */
@media (max-width: 420px) {
    .login-wrap { padding: 10px; }
    .login-card { padding: 26px 20px 20px; }
}