/* Matchar .pi-login-card (utan att påverka html/body) */
.pi-card-elevated {
    background-color: #ffffff;
    border-radius: 18px;
    border: 1px solid rgba(229, 231, 235, 0.9);
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.25);
}

.pi-title-lg {
    font-size: 1.8rem;
    font-weight: 600;
    margin: 0;
    color: #111827;
}

.pi-muted {
    color: #4b5563;
}

.pi-btn {
    border-radius: 6px;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.pi-btn-primary {
    background-color: #77C043;
    color: #ffffff;
    border: none;
}

    .pi-btn-primary:hover,
    .pi-btn-primary:focus {
        background-color: #65a838;
        color: #ffffff;
    }

.pi-btn-ghost {
    background: transparent;
    color: #4b5563;
    border: 1px solid #d1d5db;
}

    .pi-btn-ghost:hover,
    .pi-btn-ghost:focus {
        color: #111827;
        border-color: #cbd5e1;
    }

@media (max-width: 767.98px) {
    .pi-card-elevated {
        border-radius: 14px;
        box-shadow: 0 16px 40px rgba(15, 23, 42, 0.25);
    }

    .pi-title-lg {
        font-size: 1.5rem;
    }
}