/* ============================================
   SmartBiashara Auth Fix - One-line password + no double eye icon
   ============================================ */

/* Make .sb-field-row put label and link on one line */
.auth-main .sb-field-row,
.auth-main .field-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 6px !important;
    gap: 12px;
}

.auth-main .sb-field-row label,
.auth-main .field-row label {
    margin-bottom: 0 !important;
}

.auth-main .sb-field-row a,
.auth-main .field-row a {
    font-size: 13px !important;
    color: var(--sb-primary-700) !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: color 150ms;
}

.auth-main .sb-field-row a:hover,
.auth-main .field-row a:hover {
    color: var(--sb-primary) !important;
    text-decoration: underline !important;
}

/* HIDE our duplicate password toggle wrapper if original toggle exists */
.auth-main .sb-login-pw-wrap .password-wrapper {
    display: contents !important;
}

.auth-main .sb-login-pw-wrap .password-wrapper .password-toggle {
    display: none !important;
}

/* Make sure only the original toggle is visible */
.auth-main .sb-login-pw-wrap {
    position: relative;
    display: flex;
    align-items: center;
}

.auth-main .sb-login-pw-wrap input[type="password"],
.auth-main .sb-login-pw-wrap input[type="text"] {
    padding-right: 44px;
}

.auth-main .sb-login-pw-wrap .sb-login-pw-toggle {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: var(--sb-text-muted);
    cursor: pointer;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--sb-radius);
    transition: color 150ms, background 150ms;
}

.auth-main .sb-login-pw-wrap .sb-login-pw-toggle:hover {
    color: var(--sb-primary);
    background: var(--sb-primary-50);
}

.auth-main .sb-login-pw-wrap .sb-login-pw-toggle:focus-visible {
    outline: 2px solid var(--sb-primary);
    outline-offset: 2px;
}

.auth-main .sb-login-pw-wrap .sb-login-pw-toggle svg {
    width: 20px;
    height: 20px;
}

/* Compact spacing - remove extra space between label and input */
.auth-main .sb-field {
    margin-bottom: 16px !important;
}

.auth-main .sb-field label {
    margin-bottom: 6px !important;
    display: block;
}

.auth-main .sb-field .sb-input {
    margin-top: 0 !important;
}