/* Custom Login Card Styles */
.login-card-wrapper {
    max-width: 420px;
    margin: 0 auto;
}

.login-card-wrapper .card-body {
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.dark-mode .login-card-wrapper .card-body {
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.login-card-wrapper .header-brand-img {
    transition: transform 0.3s ease;
}

.login-card-wrapper .header-brand-img:hover {
    transform: scale(1.05);
}

/* Enhanced shadow for login card */
.shadow-lg {
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12) !important;
}

.dark-mode .shadow-lg {
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4) !important;
}

/* Custom input validation styles */
.wrap-input100.is-invalid input {
    border-color: #dc3545;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4'%3E%3C/circle%3E%3Cline x1='1' y1='1' x2='11' y2='11'%3E%3C/line%3E%3Cline x1='11' y1='1' x2='1' y2='11'%3E%3C/line%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    padding-right: calc(1.5em + 0.75rem);
}

.wrap-input100.is-invalid .focus-input100,
.wrap-input100.is-invalid .symbol-input100 {
    color: #dc3545;
}

.wrap-input100.is-invalid .symbol-input100 i {
    color: #dc3545;
}