/* بسيط CSS لهيكل المبدئي */
#ld-onboard { max-width:800px; margin:20px auto; background:#fff; padding:20px; border-radius:8px; box-shadow:0 1px 6px rgba(0,0,0,0.05); }
.ld-step input, .ld-step select { display:block; width:100%; margin:8px 0; padding:8px; box-sizing:border-box; }
.ld-step button { margin:6px; padding:8px 12px; }
#ld-search { max-width:900px; margin:20px auto; }
#ld-search select, #ld-search input { margin:6px; padding:8px; }

/* Password toggle styles */
.ld-password-wrap { position: relative; display:block; margin:8px 0; }
.ld-password-wrap input[type="password"], .ld-password-wrap input[type="text"] {
    width: 100%;
    padding-right: 44px; /* space for the eye button */
    box-sizing: border-box;
}
.ld-password-wrap .ld-toggle-pass {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    padding: 4px;
    color: #333;
}
.ld-password-wrap .ld-toggle-pass:focus {
    outline: 2px solid #66afe9;
    border-radius: 4px;
}

/* small responsive */
@media (max-width:480px){
    #ld-onboard { padding:12px; }
    .ld-password-wrap .ld-toggle-pass { right:6px; font-size:16px; }
}