/* Login/Account layout - matches old design: form ~70%, image ~30% */
#kt_app_root,
.account-left-panel {
    min-height: 100vh !important;
}

/* Split proportions: image 30%, form 70% (like old design) */
@media (min-width: 992px) {
    .account-split-container {
        flex-wrap: nowrap;
    }
    .account-img-panel {
        flex: 0 0 30%;
        max-width: 30%;
        min-width: 280px;
    }
    .account-split-container .account-left-inner {
        width: 30vw;
    }
    .account-form-panel {
        flex: 1 1 70%;
        min-width: 0;
    }
}

.account-left-inner {
    min-height: 100vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.account-welcome-content {
    flex: 1;
    justify-content: center;
}

.account-robot-img {
    background-image: url('../img/robort-image3.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    min-height: 200px;
    flex-shrink: 0;
}

@media (min-width: 992px) {
    .account-robot-img {
        min-height: 350px;
    }
}

.bg-left-side {
    background: linear-gradient(to right, #215A75, #2E849B, #2F859C, #215A75) !important;
}

.bg-btn-primary-active {
    background-color: #30A6B6 !important;
    border-color: #30A6B6 !important;
}

.bg-btn-primary-active:hover {
    background-color: #2a96a5 !important;
    border-color: #2a96a5 !important;
}

.lang-switch {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 5px 10px;
    color: #fff !important;
    position: absolute;
    top: 15px;
    right: 15px;
}

.lang-switch a img {
    width: 30px;
    border-radius: 5px;
}

.lang-switch a {
    color: #fff;
}

.lang-switch a:hover {
    color: #e0e0e0;
}

[dir="ltr"] .lang-switch {
    right: auto;
    left: 15px;
}

.pass-input {
    position: relative;
}

/* Show password icon: at end of input (right in LTR, left in RTL) - no overlap with text */
.pass-input .toggle-password {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    inset-inline-end: 12px;
    cursor: pointer;
    color: #6c757d;
    z-index: 2;
}
.pass-input input {
    padding-inline-end: 2.5rem;
}

.addRequiredFieldToInput {
    border-color: #dc3545 !important;
}