/* Custom Admin Styles */

/* Password eye icon styling for login page */
.password-field-wrapper {
    position: relative !important;
    display: block !important;
    max-width: 672px;
}

.password-eye-toggle {
    position: absolute;
    right: 1%;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    background: none;
    border: none;
    padding: 6px;
    color: #9ca3af;
    z-index: 100;
    font-size: 20px;
    line-height: 1;
    transition: color 0.2s;
}

.password-eye-toggle:hover {
    color: #4b5563;
}

.password-eye-toggle:focus {
    outline: none;
    color: #374151;
}

.related-widget-wrapper-link {
    display: none;
}

/* Ensure password input has space for icon */
input[type="password"],
input[name="password"] {
    padding-right: 45px !important;
}

/* Make parent relative for absolute positioning */
input[type="password"]:not([class*="relative"]),
input[name="password"]:not([class*="relative"]) {
    position: relative;
}

/* Ensure password input has space for icon */
input[type="password"],
input[name="password"] {
    padding-right: 45px !important;
}

/* Make parent relative for absolute positioning */
input[type="password"]:not([class*="relative"]),
input[name="password"]:not([class*="relative"]) {
    position: relative;
}